Neumorphism CSS Generator

Create soft neumorphism UI effects with live preview. Control shadow depth, blur, and shape.

16.4Kuses

8.8/10(93)

Shape

Background:

Distance10px

Intensity30

Blur20px

Border Radius16px

Size200px

CSS Code

border-radius: 16px;
background: #e0e5ec;
box-shadow: 10px 10px 20px #c2c7ce, -10px -10px 20px #feffff;

Recommended Products

📖Web Design BooksShop →🎨Color Reference GuidesShop →✏️Drawing TabletsShop →🎨Design SoftwareShop →🖥️Monitor CalibratorsShop →💻Laptop StandsShop →🖱️Wireless MouseShop →🔌USB-C HubShop →👓Blue Light GlassesShop →🖥️Desk PadShop →

Affiliate Disclosure: As an Amazon Associate, ToolBird earns from qualifying purchases. Links above are affiliate links — if you buy through them, we may earn a small commission at no extra cost to you.

Disclaimer: This tool is provided as-is for informational and educational purposes only.