Qu'est-ce que wink-cursor ?
wink-cursor est un composant React léger qui remplace le curseur système par défaut par une image personnalisée — et lui fait un "clin d'œil" à chaque clic. Au lieu d'un pointeur statique, les utilisateurs voient un emoji ou une icône ludique qui se transforme brièvement en animation de clin d'œil lorsqu'ils cliquent n'importe où dans l'application. Le composant est conçu pour la simplicité : installez-le, insérez-le dans votre application React, et il fonctionne sur toute la page sans aucune configuration requise.
À qui s'adresse-t-il ?
- Les designers produit qui souhaitent ajouter une touche de personnalité aux parcours d'intégration ou aux pages d'atterrissage sans travail d'animation personnalisé.
- Les développeurs React à la recherche d'une micro-interaction prête à l'emploi qui fonctionne immédiatement avec un minimum de code.
- Les créateurs de projets réalisant des portfolios, des histoires interactives ou des expériences web ludiques où le curseur lui-même fait partie de la marque.
Fonctionnalités clés
Images et taille entièrement personnalisables
Vous pouvez définir n'importe quelle URL d'image pour le curseur au repos et pour l'image de clin d'œil déclenchée par un clic. La propriété size vous permet de contrôler les dimensions du curseur en pixels, afin qu'il s'adapte à votre design — que vous souhaitiez un petit emoji ou une icône de marque plus grande.
Durée du clin d'œil ajustable
La propriété duration détermine la durée d'affichage de l'image de clin d'œil après un clic (en millisecondes). Cela vous offre un contrôle précis sur la sensation de l'animation — d'un flash rapide à un effet ludique plus prolongé.
Léger et facile à installer
Le composant est publié sous forme d'un seul package npm sans dépendances lourdes. L'installation se fait en une seule commande, et l'utilisation nécessite une seule importation et une seule balise JSX. Aucune surcharge CSS ni modification de style global n'est nécessaire.
Ce qui le distingue
"Un peu de plaisir va loin — surtout dans les parcours d'intégration, les pages d'atterrissage et les projets créatifs."
La plupart des interfaces web semblent purement transactionnelles. wink-cursor transforme une action banale — le clic — en un moment de surprise. Au lieu de créer des états de survol personnalisés ou des séquences d'animation, vous obtenez une micro-interaction prête à l'emploi qui fonctionne sur l'ensemble de votre application. L'effet de clin d'œil est suffisamment subtil pour ne pas distraire, mais assez perceptible pour faire sourire les utilisateurs. C'est un exemple rare de composant d'interface qui privilégie la joie à l'utilité, sans sacrifier les performances.
À considérer si…
Vous construisez une application React qui pourrait bénéficier d'une touche de personnalité — en particulier pour les pages d'atterrissage, les parcours d'intégration, les portfolios ou tout projet où les premières impressions comptent. Si vous avez déjà souhaité que votre curseur ressemble moins à un outil et plus à un personnage, wink-cursor vous offre cela en moins de 10 lignes de code.
