Neumorphic 3D CSS Generator

Create beautiful soft-UI components with realistic 3D shadows. Customize distance, intensity, and shapes for your modern web projects.

Live Render

Base Color

Distance20px

Radius40px

Shape Mode

CSS Snippet

border-radius: 40px;
background: #e0e0e0;
box-shadow: 20px 20px 40px #c2c2c2, 
               -20px -20px 40px #fefefe;