CSS Neumorphism Generator (Soft UI)
Design & GraphicsDesign elegant Soft UI and Neumorphic components with dual box-shadow calculations.
Neumorphism Settings
#e0e5ec
Element Size200px
Radius40px
Distance15px
Blur (Yumuşaklık)30px
flat
CSS Code
border-radius: 40px; background: #e0e5ec; box-shadow: 15px 15px 30px #c7ccd3, -15px -15px 30px #f9feff;
☕Independent Project Patronage
Love ToolsApp? Buy Us a Coffee
ToolsApp operates 100% client-side with zero subscriptions and zero data tracking. We believe essential digital tools should remain free and accessible to everyone. Your coffee donations help us keep servers running and build new tools!
100% Client-Side•Free For Everyone
How to Use CSS Neumorphism Generator (Soft UI)
1
Pick Base Color
Choose the background surface color.
2
Adjust Lighting & Blur
Set light angle, distance, and shape type.
3
Copy CSS
Grab the calculated dual box-shadow code.
Privacy Guarantee:All computations, transformations, and file processing occur 100% locally in your browser via client-side JavaScript. Your sensitive data is never uploaded or logged on any remote server.
User Reviews & Feedback
Share your experience anonymously. Moderated automatically by AI.
5.0
•0 reviewsApproved Reviews (0)
Loading reviews...