Neumorphism Generator

Create soft-UI neumorphic shadow styles with a visual editor.

BG Distance Blur Radius

background: #e0e5ec;
border-radius: 24px;
box-shadow: 20px 20px 40px rgba(0,0,0,0.15), -20px -20px 40px rgba(255,255,255,0.75);

Related tools

CSS Box Shadow Generator CSS Gradient Generator Glassmorphism Generator Border Radius Generator SVG Blob Generator SVG Optimizer

How to Use

1Open the Neumorphism Generator tool.
2Adjust the visual controls (sliders, color pickers, etc.) to design your style.
3Preview your result live as you make changes.
4Copy the generated code and paste it directly into your project.

About this tool

Create soft-UI neumorphic shadow styles with a visual editor. Design visually and copy production-ready code — free, no account needed.

Frequently Asked Questions