react-bits

React Bits es una colección de código abierto de componentes de React animados, interactivos y personalizables, diseñada para ayudar a los desarrolladores a crear sitios web memorables de manera más eficiente. La biblioteca contiene más de 165 componentes que abarcan animaciones de texto, animaciones generales, componentes de UI y fondos, con nuevas adiciones lanzadas semanalmente. Las características clave incluyen dependencias mínimas para un uso ligero y tree-shakeable, personalización completa a través de props o edición directa del código fuente, y cuatro variantes por componente que cubren JavaScript y TypeScript con estilos CSS o Tailwind (JS-CSS, JS-TW, TS-CSS, TS-TW). Todos los componentes están listos para copiar y pegar para su integración en proyectos modernos de React. La instalación es compatible a través de shadcn y jsrepo para la configuración basada en CLI, y cada página de componente proporciona comandos de CLI listos para usar. Los desarrolladores también pueden copiar manualmente el código después de seleccionar su stack tecnológico preferido. Más allá de los componentes, React Bits ofrece tres herramientas creativas gratuitas: Background Studio para explorar y exportar fondos animados como video, imagen o código; Shape Magic para crear esquinas redondeadas internas entre formas y exportarlas como SVG, código React o código clip-path; y Texture Lab para aplicar más de 20 efectos (ruido, tramado, ASCII) a imágenes y videos con exportación de alta calidad. El proyecto es mantenido por David Haz y tiene licencia MIT + Commons Clause tanto para uso personal como comercial. Existen adaptaciones oficiales de la comunidad para Vue.js (vue-bits.dev) y Svelte (sveltebits.xyz). El proyecto acepta contribuciones de la comunidad y solicitudes de funciones a través de su repositorio de GitHub.