Generateur de neumorphisme

Le Générateur de néomorphisme produit l'aspect doux et extrudé connu sous le nom de néomorphisme ou soft UI. Vous choisissez une forme — plat, enfoncé ou convexe — et réglez la distance, le flou et le rayon des coins sur une couleur de fond, et l'outil construit le CSS de box-shadow correspondant en direct. Un aperçu montre exactement l'allure de l'élément, et un bloc de code prêt à copier contient les styles. Tout s'exécute dans votre navigateur.

1. Choisissez une forme : plat, enfoncé ou convexe 2. Définissez la couleur de fond pour qu'elle corresponde à votre interface 3. Ajustez les curseurs de distance, flou et rayon des coins 4. Suivez la mise à jour en temps réel de l'aperçu 5. Cliquez sur Copier pour récupérer le CSS généré

Le néomorphisme fonctionne mieux quand l'élément et son fond partagent la même couleur, de sorte que les ombres fusionnent en un effet 3D doux — choisissez une couleur de fond proche de votre page. Plat donne un aspect surélevé, enfoncé enfonce l'élément vers l'intérieur, et convexe ajoute un dégradé subtil pour un effet arrondi. Des valeurs de flou plus faibles gardent les bords nets, tandis que des valeurs plus grandes semblent plus douces. Un rayon de coin plus élevé arrondit les angles pour une forme plus amicale.