Neumorfisme-generator

Neumorphism Generator produserer det myke, pregede utseendet som kalles neumorphism eller soft UI. Du velger en form — flat, presset eller konveks — og justerer avstand, uklarhet og border radius over en bakgrunnsfarge, og verktøyet bygger den tilsvarende box-shadow-CSS-en live. En forhåndsvisning viser nøyaktig hvordan elementet vil se ut, og en kopierbar kodeblokk inneholder stilene. Alt kjører i nettleseren din.

1. Velg en form: flat, presset eller konveks 2. Angi bakgrunnsfargen slik at den matcher grensesnittet ditt 3. Juster glidebryterne for avstand, uklarhet og border radius 4. Se forhåndsvisningen oppdateres i sanntid 5. Klikk Kopier for å hente den genererte CSS-en

Neumorphism fungerer best når elementet og bakgrunnen deler samme farge, slik at skyggene smelter sammen til en myk 3D-effekt — velg en bakgrunnsfarge nær siden din. Flat gir et opphøyd utseende, presset senker elementet innover, og konveks legger til en subtil gradient for en rund følelse. Mindre uklarhetsverdier holder kantene skarpe, mens større gir en mykere overflate. En høyere border radius runder hjørnene for en vennligere form.