react-bits

React Bits é uma coleção de componentes React animados, interativos e personalizáveis, projetada para ajudar desenvolvedores a construir sites memoráveis com mais eficiência. A biblioteca contém mais de 165 componentes que abrangem animações de texto, animações gerais, componentes de UI e fundos, com novas adições lançadas semanalmente. As principais características incluem dependências mínimas para um uso leve e compatível com tree-shaking, personalização completa via props ou edição direta do código-fonte, e quatro variantes por componente cobrindo JavaScript e TypeScript com estilos CSS ou Tailwind (JS-CSS, JS-TW, TS-CSS, TS-TW). Todos os componentes estão prontos para copiar e colar em projetos React modernos. A instalação é suportada por shadcn e jsrepo para configuração via CLI, com cada página de componente fornecendo comandos CLI prontos para uso. Os desenvolvedores também podem copiar o código manualmente após selecionar sua pilha de tecnologia preferida. Além dos componentes, React Bits oferece três ferramentas criativas gratuitas: Background Studio para explorar e exportar fundos animados como vídeo, imagem ou código; Shape Magic para criar cantos arredondados internos entre formas e exportar como SVG, código React ou código clip-path; e Texture Lab para aplicar mais de 20 efeitos (ruído, dither, ASCII) a imagens e vídeos com exportação de alta qualidade. O projeto é mantido por David Haz e é licenciado sob MIT + Commons Clause para uso pessoal e comercial. Existem ports oficiais da comunidade para Vue.js (vue-bits.dev) e Svelte (sveltebits.xyz). O projeto aceita contribuições da comunidade e solicitações de recursos através de seu repositório GitHub.