Neumorphism CSS Generator
Generate neumorphic (soft UI) CSS with light and dark shadows on a matching background.
px
px
px
Result
CSS Code
background: #e0e5ec;
border-radius: 16px;
box-shadow: 6px 6px 12px rgb(157, 160, 165), -6px -6px 12px rgb(255, 255, 255);Box Shadow
6px 6px 12px rgb(157, 160, 165), -6px -6px 12px rgb(255, 255, 255)Background Color
#e0e5ecAbout This Tool
Neumorphism CSS Generator creates soft, embossed UI components using subtle shadows and light sources. Popular among designers building minimal, tactile interfaces with a single-color or soft palette aesthetic.
Input your base color and adjust shadow depth, blur radius, and light angle. Get instant CSS code for buttons, cards, and containers with realistic 3D effects. Supports multiple shadow layers for depth.
Great for creating modern dashboards, productivity apps, and minimalist designs. Completely browser-based with no tracking, signup, or data storage required.