Glassmorphism Generator

Design glass-effect UI panels visually and copy the ready-to-use CSS.

Blur 12px

Background opacity 15%

Border opacity 30%

Border radius 12px

Shadow strength 20%

Glass color

Background gradient

Live preview

This is your glassmorphism component. Adjust the sliders to tweak the effect.