Neumorphism CSS Generator

Design soft-UI elements with dual inset/outset shadows. Tweak the base color, blur, and depth — then copy the CSS straight into your project.

Base Color

Element Size (px) 150

Border Radius (px) 20

Blur 20

Distance 10

Intensity 0.15

Shape

Generated CSS

Runs entirely in your browser. Nothing is uploaded.

How it works

STEP 1

Pick a base color and adjust blur, distance, and intensity sliders.

STEP 2

See the live neumorphic element update as you change the controls.

STEP 3

Click "Copy CSS" and paste the box-shadow rule directly into your stylesheet.