react-bits

React Bits est une collection open-source de composants React animés, interactifs et personnalisables, conçue pour aider les développeurs à créer des sites web mémorables plus efficacement. La bibliothèque contient plus de 165 composants couvrant les animations de texte, les animations générales, les composants d’interface utilisateur et les arrière-plans, avec de nouvelles additions publiées chaque semaine. Les principales caractéristiques incluent des dépendances minimales pour une utilisation légère et tree-shakeable, une personnalisation complète via des props ou l’édition directe du code source, et quatre variantes par composant couvrant JavaScript et TypeScript avec un style CSS ou Tailwind (JS-CSS, JS-TW, TS-CSS, TS-TW). Tous les composants sont prêts à être copiés-collés pour une intégration dans des projets React modernes. L’installation est prise en charge par shadcn et jsrepo pour une configuration basée sur CLI, chaque page de composant fournissant des commandes CLI prêtes à l’emploi. Les développeurs peuvent également copier manuellement le code après avoir sélectionné leur pile technologique préférée. En plus des composants, React Bits offre trois outils créatifs gratuits : Background Studio pour explorer et exporter des arrière-plans animés en vidéo, image ou code ; Shape Magic pour créer des coins arrondis internes entre les formes et exporter en SVG, code React ou code clip-path ; et Texture Lab pour appliquer plus de 20 effets (bruit, dither, ASCII) aux images et vidéos avec une exportation de haute qualité. Le projet est maintenu par David Haz et est sous licence MIT + Commons Clause pour une utilisation personnelle et commerciale. Des ports communautaires officiels existent pour Vue.js (vue-bits.dev) et Svelte (sveltebits.xyz). Le projet accepte les contributions de la communauté et les demandes de fonctionnalités via son dépôt GitHub.