UTILS.
100% in de browser

Neumorfisme-generator

Maak zachte soft-UI neumorfe schaduwen met een live voorbeeld en kopieer.

Over deze tool

Ontwerp soft-UI neumorfe elementen met gekoppelde lichte en donkere schaduwen, instelbare grootte, afstand, intensiteit en blur, plus een convexe of concave look, en kopieer dan de CSS. Live in je browser.

Veelgestelde vragen

Waarom gebruikt neumorfisme twee schaduwen?
Eén lichte schaduw en één donkere schaduw op tegenoverliggende hoeken bootsen één lichtbron na, waardoor het element uit de achtergrond lijkt te steken.
Wat is het verschil tussen convex en concaaf?
Convex lijkt boven het oppervlak uit te komen, terwijl concaaf het verloop en de schaduwen omkeert zodat het element erin lijkt ingedrukt.

Meer tools