Neumorphic Light
Neumorphic
Soft UI with inset/outset shadows on a light surface.
<div style="background:#e0e5ec;border-radius:16px;padding:24px;box-shadow:8px 8px 16px #b8bec7,-8px -8px 16px #ffffff;max-width:320px;color:#333"><h3 style="margin:0 0 8px;font-size:1.2em">Neumorphic</h3><p style="margin:0;opacity:0.7;font-size:0.9em">Soft UI with inset/outset shadows on a light surface.</p></div>Customize
#e0e5ec
px
px
Props
| Name | Type | Default | Description |
|---|---|---|---|
text | text | Neumorphic | Displayed text |
bgColor | color | #e0e5ec | Card background color |
borderRadius | slider (px) | 16px | Corner roundness |
padding | slider (px) | 24px | Inner spacing |
Neumorphism (Light)