Neumorphism Generator

Generate neumorphic (soft UI) design styles with customizable parameters.

Category: Design · v1.0.0

Background Color

Shape

Distance: 6px

Blur: 12px

Intensity: 15%

Border Radius: 16px

Direction:

Dark mode

Preview:

Neumorphic Card

Generated CSS

About This Tool

Design beautiful neumorphic UI elements with real-time preview. Adjust background color, shadow intensity, blur, distance, and shape to create soft, inset, or flat neumorphism effects. Copy ready-to-use CSS code for buttons, cards, and input fields.

How to Use

Pick a background color for your design
Adjust shadow distance, blur, and intensity with sliders
Preview the effect on different UI element shapes
Copy the generated CSS code for your project