Neumorphism Generator

Create soft UI / Neumorphism cards and buttons with dual box-shadows — live preview and copy-ready CSS, 100% in your browser.

Background color

Light shadow

Dark shadow

Shape

Offset / distance (px) 8

Blur (px) 18

Spread (px) 0

Border radius (px) 24

Size (px) 160

Neumorphism

Set the background and light/dark shadow colors. Choose Raised (convex) for a floating card, Pressed (concave) for an inset look, or Flat for no shadow. Tune offset, blur and spread to control the soft shadow. The preview and CSS update live.