A Components Library ajuda você a entregar interfaces incríveis mais rápido. Em vez de gastar horas criando animações do zero, escolha um componente polido e personalize-o para combinar com sua visão.
💬 Animações de Texto · 🌀 Animações · 🧩 Componentes · 🖼️ Fundos
Este projeto começou tendo o React Bits como base e referência de padrões de componentes e estrutura de documentação.
Hoje, o objetivo evoluiu: a Components Library está indo além de componentes individuais para oferecer templates completos, experiências iniciais e fluxos mais amplos de construção de UI.
Agradecimento especial ao React Bits pela inspiração que ajudou a dar início a esta biblioteca.
- 110+ componentes — animações de texto, elementos de UI e fundos, com crescimento semanal
- Dependências mínimas — leve e com suporte a tree-shaking
- Totalmente customizável — ajuste tudo via props ou edite o código-fonte diretamente
- 4 variantes por componente — JS-CSS, JS-TW, TS-CSS, TS-TW (para todos os gostos)
- Pronto para copiar e colar — funciona com qualquer projeto React moderno
A Components Library oferece suporte ao shadcn e ao jsrepo para instalação rápida via CLI.
# Exemplo: adicionar um componente via shadcn
npx shadcn@latest add @components-library/BlurText-TS-TWCada página de componente inclui comandos de CLI prontos para copiar. Veja o guia de instalação para mais detalhes.
Você também pode selecionar suas tecnologias preferidas e copiar o código manualmente.
Anthony Mengotti — criador e mantenedor
A Components Library ocasionalmente se inspira em exemplos de código disponíveis publicamente. Esses exemplos são reescritos como componentes completos e customizáveis para JS, TS, CSS e Tailwind. Se você reconhecer seu trabalho, abra uma issue para solicitar os devidos créditos.
MIT + Commons Clause — grátis para uso pessoal e comercial.