
Alors que nous nous apprêtions à refondre entièrement le design d’une de mes applications existantes, je ne voulais pas perdre le thème néomorphique (Soft UI) que j'avais moi-même développé de zéro. Le style néomorphique est souvent critiqué dans l’écosystème web pour ses défauts d’accessibilité, ses contrastes illisibles et ses implémentations instables issues de maquettes de concept. J'ai donc décidé d'extraire, de formaliser et de normaliser mathématiquement toutes les fondations de ce thème pour créer une véritable bibliothèque de composants open source prête pour la production. Inspiré par les plateformes de design modernes comme React Bits et shadcn/ui, le projet prend la forme d'un catalogue interactif vivant où les développeurs peuvent prévisualiser, tester et copier-coller des composants tactiles pour React et Tailwind CSS.
J'ai pris en charge l'intégralité du cycle de vie du projet en solo. J'ai d'abord procédé à l'ingénierie inverse de ma propre base de code CSS historique pour en extraire les tokens et isoler les incohérences d'élévation. J'ai ensuite conçu et développé l'ensemble de la plateforme de documentation sous React, structuré le système de tokens pour Tailwind CSS et programmé chacun des 28 composants.
Project Gallery

Plutôt que de développer un package npm contraignant avec des composants fermés, j'ai adopté l'approche moderne du registre de code : chaque composant vit de façon autonome et s'appuie sur des variables CSS injectées via la configuration Tailwind. Sur le plan architectural, j'ai découplé les composants de production de leurs fichiers de définition pour rendre le registre entièrement extensible : l'ajout d'une nouvelle variante ne nécessite aucune modification de la mise en page globale, l'inspecteur générant dynamiquement les prévisualisations, les contrôles et les extraits de code syntaxiquement colorés.
More Projects