Neumorphism-generator

De Neomorfisme-generator maakt de zachte, uitstekende uitstraling die bekend staat als neomorfisme of soft UI. Je kiest een vorm — plat, ingedrukt of convex — en stemt afstand, vervaging en hoekradius af op een achtergrondkleur, en het hulpmiddel bouwt live de bijbehorende box-shadow-CSS. Een voorvertoning laat precies zien hoe het element eruitziet, en een kopieerklaar codeblok bevat de stijlen. Alles draait in je browser.

1. Kies een vorm: plat, ingedrukt of convex 2. Stel de achtergrondkleur passend bij je interface in 3. Pas de schuifregelaars voor afstand, vervaging en hoekradius aan 4. Volg de real-time bijwerkende voorvertoning 5. Klik op Kopiëren om de gegenereerde CSS op te halen

Neomorfisme werkt het best wanneer element en achtergrond dezelfde kleur delen, zodat de schaduwen versmelten tot een zacht 3D-effect — kies een achtergrondkleur dicht bij je pagina. Plat geeft een verhoogde uitstraling, ingedrukt laat het element wegzinken, en convex voegt een subtiel verloop toe voor een rond gevoel. Kleinere vervagingswaarden houden randen strak, terwijl grotere zachter aanvoelen. Een grotere hoekradius rondt de hoeken af voor een vriendelijkere vorm.