100% Client-Side CSS Design Engine Glassmorphism • Shadow Studio • SVG Waves

CSS & Modern UI Design Lab

Design modern Glassmorphism cards, multi-layer CSS box shadows, vibrant gradients, and SVG section wave dividers with instant CSS/SVG export.

Blur (Backdrop Filter): 16px

Background Opacity: 0.25

Border Opacity: 0.30

Border Radius: 20px

Tint Color

Real-time backdrop filter rendering directly in your browser.

Horizontal Offset (X): 0px

Vertical Offset (Y): 10px

Blur Radius: 25px

Spread Radius: -5px

Shadow Color & Opacity

Inset Shadow

Meticulously calculated depth and diffusion.

Gradient Type

Angle: 135°

Color Stop 1

Color Stop 2

Color Stop 3 (Optional)

Wave Height: 120px

Waviness & Curvature: 3 Peaks

Wave Color

Flip Horizontally