Neumorphism Generator

Generate soft UI neumorphism effects.

Generate Neumorphism Effect

Generate soft UI effects

Preview

Flat

Shape

Background Color

Light Source

Distance: 10px

Intensity: 15%

Blur: 20px

Border Radius: 20px

CSS Output

background: #e0e5ec;
border-radius: 20px;
box-shadow: -10px -10px 20px #ffffff, 10px 10px 20px #babfc6;

About Neumorphism Generator

Create soft UI (neumorphism) effects using CSS box shadows. This design trend creates elements that appear to extrude from or press into the background. Best results come from subtle colors and a consistent light source direction.

Related Tools

Glassmorphism Generator

Generate glass effects

CSS Gradient Generator

Generate CSS gradients

Zalgo Text Generator

Create zalgo text

Random String Generator

Generate random strings