CSS Neumorphism Generator
Soft UI shadows — auto light/dark colors, 4 shapes, 8 presets, one-click copy
card · flat · top-left light
Generated CSS
Copy CSS
Background Color
Element Type
Card
Button
Circle
Input
Shape
Flat
Concave
Convex
Pressed
Light Source
↖ Top-Left
↗ Top-Right
↙ Bottom-Left
↘ Bottom-Right
Size
200px
Border Radius
20px
Distance
20px
Intensity
0.15
Blur
50px
Presets
Soft
Card
Pressed
Button
Circle
Avatar
Input
Field
Toggle
Switch
Pill
Badge
Floating
Panel
Sunken
Well