icons-animated

Une icône peut faire plus que rester immobile. icons-animated réunit des icônes SVG de Huge Icons, Tabler et Phosphor, animées avec Motion pour donner du mouvement aux interfaces React. Le projet prolonge l’approche de lucide-animated, créé par pqoqubbw, en l’appliquant à ces trois familles d’icônes.

Le catalogue permet de rechercher une icône par son nom ou ses mots-clés, puis de voir son animation au survol ou avec le bouton de lecture sur mobile. Chaque composant peut être copié en TypeScript ou installé depuis le registre avec la CLI shadcn : le code arrive directement dans le projet, prêt à être adapté.

Les animations peuvent aussi être pilotées depuis une ref React avec startAnimation() et stopAnimation(). Le site propose des thèmes clair et sombre et des commandes pour npm, pnpm, Yarn et Bun. Le code est disponible sur GitHub sous licence MIT.