

Its Hover est une bibliothèque open-source d'icônes animées qui bougent avec intention. Contrairement aux ensembles d'icônes statiques, chaque icône de Its Hover est un composant React priorisant le mouvement, conçu pour paraître intentionnel plutôt que décoratif. Construite pour s'intégrer parfaitement à Next.js, shadcn et aux systèmes de design modernes, la bibliothèque offre aux développeurs et designers des composants SVG modifiables qui réagissent naturellement aux interactions utilisateur.
Chaque icône de Its Hover est entièrement ouverte, modifiable et appartient à la communauté. Vous pouvez inspecter, modifier et contribuer au code sans restrictions, ce qui en fait une alternative transparente aux bibliothèques d'icônes propriétaires.
Les composants sont conçus pour la flexibilité. Vous pouvez ajuster les couleurs, les tailles, le timing d'animation et le comportement du mouvement directement via les props ou en modifiant le SVG sous-jacent — aucun outil complexe requis.
Le mouvement n'est pas une réflexion après coup dans Its Hover. Chaque icône est conçue avec l'animation comme fonctionnalité centrale, garantissant que chaque mouvement semble intentionnel et améliore l'interface sans la distraire.
Fonctionne immédiatement avec Next.js, shadcn et les systèmes de design modernes basés sur React. Les composants sont légers et ne nécessitent aucune configuration pour être utilisés dans des projets en production.
Récompense

"Des icônes qui bougent avec intention, pas pour la décoration."
Cette philosophie distingue Its Hover des bibliothèques d'animation décoratives. Le mouvement de chaque icône est conçu pour communiquer quelque chose — un changement d'état, une confirmation d'action ou un signal de feedback subtil. Le résultat est une bibliothèque qui traite l'animation comme un outil fonctionnel pour une meilleure UX, pas seulement comme un embellissement visuel. Combinée à une transparence open-source totale et à une personnalisation facile, Its Hover offre aux équipes un système de mouvement prêt pour la production sans dépendance à un fournisseur.
Vous construisez une interface React ou Next.js moderne et souhaitez des icônes animées qui semblent intentionnelles plutôt que gadget. Its Hover est particulièrement utile si vous valorisez la transparence open-source, avez besoin d'une personnalisation facile, ou souhaitez ajouter du mouvement à votre système de design sans écrire de logique d'animation à partir de zéro. C'est également un excellent choix pour les développeurs qui préfèrent des composants SVG légers et modifiables plutôt que des bibliothèques d'icônes lourdes et opaques.
D'autres outils que vous pourriez envisager
La plus grande bibliothèque de prompts de design pilotée par la communauté, couvrant les styles, les animations, les composants d'interface utilisateur, etc. Vous pouvez créer et partager des prompts de design avec votre équipe en privé ou contribuer publiquement ; cela fonctionne avec n'importe quel agent de codage.
Studio d'enregistrement d'écran professionnel que vous pouvez télécharger. Zoom automatique cinématographique, respectueux de la vie privée, sans abonnement. Vous pouvez choisir entre un enregistrement brut et un enregistrement avec effets.
Un ensemble de composants au design rétro, accessibles, et une plateforme de distribution de code. Open Source. Code ouvert.
Créez et modifiez des images en langage naturel grâce au générateur IA de Nano Banana. Obtenez des personnages cohérents, un contrôle précis et des résultats de haute qualité.
Loading comments…
Créateur
mocha_byte
Infos du projet
Mots-clés du produit