CSS Neumorphism & Radius Generator

Create modern soft UI neumorphic card panels. Tweak depths, blur sizes, and shapes, and copy optimized CSS rules.

Related Web Tools:

About CSS Neumorphism & Radius Generator

Neumorphism (often referred to as soft UI) is a visual design style characterized by clean, extruded-looking UI components that seem to grow out of or sink into the page surface. This is achieved by applying matching highlight and shadow colors.

This generator calculates the necessary light and dark shadow tones based on your selected base hex color. You can toggle different shapes (flat, pressed, concave, convex) and copy clean CSS definitions.