CSS Neumorphism Generator

Home/Tools/Neumorphism Generator

Generate soft UI neumorphic designs with customizable shadows and shapes.

No sign-up neededRuns in your browserProduction-ready CSS

Appearance

Background Color

Shape

Border Radius24px

Shadow

Distance10px

Blur30px

Intensity0.15

Preview

Generated CSS

background: #e0e5ec;
border-radius: 24px;
box-shadow: 10px 10px 30px hsl(215, 24.000000000000032%, 75.19607843137256%), -10px -10px 30px hsl(215, 24.000000000000032%, 100%);

Related Tools

Box Shadow Generator

Design complex box shadows with multiple layers, blur, spread, and color options.

Text Shadow Generator

Create eye-catching text shadows with multiple layers and effects.

Border Radius Generator

Fine-tune border radius for each corner with visual preview.