Neumorphism Generator

Create soft UI (neumorphism) CSS effects with live preview

Settings

Background color#e0e5ec

Shape

Size150px

Border radius20px

Shadow distance20px

Blur40px

Intensity15%

border-radius: 20px;
background: #e0e5ec;
box-shadow: 20px 20px 40px #bec3c9, -20px -20px 40px #e5e9ef;

What does Neumorphism Generator do?

Create soft UI (neumorphism) CSS effects with live preview

What should I check in the result?

Preview the result with your actual content and at different screen sizes. Check readability and compatibility in the browsers you support.