Neumorphism Generator
Generate soft UI (neumorphic) CSS shadows with shape, intensity, and color controls.
Preview
Settings
Background Color
Shape
Distance12px
Intensity15%
Blur24px
Border Radius16px
Size150px
CSS Code
border-radius: 16px;
background: #e0e5ec;
box-shadow: 12px 12px 24px #bec3c9,
-12px -12px 24px #e5e9ef;Related tools
CSS Gradient GeneratorCSS
Build beautiful CSS gradients visually with a live preview.
Box Shadow GeneratorCSS
Create CSS box-shadow values visually with multiple shadows and live preview.
Border Radius GeneratorCSS
Visual CSS border-radius editor with per-corner control.
Flexbox PlaygroundCSS
Interactive CSS flexbox layout builder with live preview.
CSS Grid GeneratorCSS
Visual CSS Grid layout generator with cell spanning.
CSS Animation GeneratorCSS
Build CSS @keyframes animations visually with live preview.