FD
À Propos de Moi
Mon Expérience
Mes Projets
Mes Compétences
Mes Passions
/

Créons Quelque Chose d'Exceptionnel

Toujours enthousiaste à l'idée de collaborer sur des projets intéressants et d'explorer de nouvelles idées.

Me contacter sur LinkedInGitHub

Amiens, France

Psst... mon frère code aussi !
© 2026 Florian Douay•Créé avecet beaucoup de
Next.js • TypeScript • Tailwind CSS • Framer Motion • Three.js
Retour aux projets

react-piqua-color

PackageCode source
Essayez-le
#80%
Couleurs par défaut
Essayez une pastille, un curseur ou la pipette
Aa
Composant colorable
#2dd4bfcc
En directThématiséRéactif
Avec alpha

Mon premier package publié sur npm : un composant de sélecteur de couleur portable et entièrement contrôlé pour React.

Aperçu

react-piqua-color est un composant de sélecteur de couleur portable et entièrement contrôlé pour React, et mon premier package réellement publié sur npm. Il affiche un carré de saturation et de valeur, une barre de teinte, et des curseurs étiquetés pour hex, rgb, hsl et cmyk, se style via des propriétés CSS personnalisées, et ne dépend d'aucune bibliothèque à l'exécution.

Sa raison d'être

Tout est parti de Documinter. Je n'étais pas satisfait des sélecteurs de couleur que je trouvais, et en écrire un moi-même me semblait un bon exercice, alors j'en ai construit un de zéro pour l'application.

Sous le capot

Plus tard, en ajoutant des composants colorables sur mesure à Campaigns of the Mist, j'ai de nouveau eu besoin d'un sélecteur de couleur. Plutôt que de copier le code d'un projet à l'autre, je l'ai extrait et transformé en un vrai package autonome, le premier que j'ai publié sur npm. Il reste entièrement contrôlé, ne dépend d'aucune bibliothèque à l'exécution, et garde tout son style dans des propriétés CSS personnalisées, si bien qu'il s'intègre à n'importe quelle application React sans imposer de framework.

Technologies Utilisées

ReactTypeScriptCSS3npm
PackageCode source