Neumorphism-generator

Neumorphism Generator skaber det bløde, ekstruderede look, der kendes som neumorphism eller soft UI. Du vælger en form — flad, nedtrykt eller konveks — og justerer afstanden, sløringen og border-radius over en baggrundsfarve, og værktøjet bygger den tilsvarende box-shadow CSS live. En forhåndsvisning viser præcis, hvordan elementet vil se ud, og en kopi-klar kodeblok indeholder stilarterne. Alt kører i din browser.

1. Vælg en form: flad, nedtrykt eller konveks 2. Indstil baggrundsfarven, så den matcher din grænseflade 3. Juster skyderne for afstand, sløring og border-radius 4. Se forhåndsvisningen opdatere sig i realtid 5. Klik på Copy for at hente den genererede CSS

Neumorphism fungerer bedst, når elementet og dets baggrund deler samme farve, så skyggerne smelter sammen til en blød 3D-effekt — vælg en baggrundsfarve tæt på din side. Flad giver et hævet look, nedtrykt presser elementet indad, og konveks tilføjer en subtil gradient for en afrundet fornemmelse. Mindre sløringsværdier holder kanterne skarpe, mens større værdier føles blødere. En højere border-radius afrunder hjørnerne for en mere venlig form.