🔧

Générateur Neumorphism

Générateurs & Design · Outil en ligne gratuit

Générer du CSS de style UI neumorphique.

Équipe CoderNewbieDernière mise à jour : 2026-09-20

Fonctionnalités

Background: #2a2d3a

Shape

Variant

Size140px

Distance20px

Intensity40%

Aperçu

Code CSS

.neu {
  width: 140px;
  height: 140px;
  background: #2a2d3a;
  border-radius: 50%;
  box-shadow: 20px 20px 40px rgba(0, 0, 0, 0.40), -20px -20px 40px rgba(255, 255, 255, 0.40);
}

4 variantes

Préréglages plat, enfoncé, concave et convexe prêts à l'emploi.

Ombres doubles

Réglez la distance et l'intensité de l'ombre claire et foncée pour la profondeur.

Cercle et carré

Basculez entre les formes circulaires et carrées arrondies instantanément.

Comment utiliser Générateur Neumorphism

1Configure the generator settings (colors, size, format, etc.).
2Enter any required input text or data.
3Click generate to create the output.
4Download or copy the generated result.

Fonctionnalités

✓100% gratuit — sans inscription, sans abonnement, sans publicité
✓Fonctionne entièrement dans votre navigateur — vos données ne quittent jamais votre appareil
✓Rapide et léger — résultats instantanés
✓Multiplateforme — compatible ordinateur, tablette et mobile