Stay in the loop
Design tips, new tools & UX insights. Once a month. No spam.
Form Controls
Data Display
Navigation
Feedback
Loading…
Soft UI shadow generator — create neumorphic elements with live preview.
background: #e0e0e0; box-shadow: -10px -10px 20px #c1c1c1, 10px 10px 20px #ffffff; border-radius: 30px;
The accessibility tradeoffs of soft shadows
Shadow
Box shadow generator
Text Shadow
CSS text shadow generator
Glassmorphism
Frosted glass CSS generator
CSS Triangle
Generate CSS triangles with custom size and direction