CKCodeKitBase

Glassmorphism Generator

Tweak blur, saturate, opacity, border-radius and shadow — live preview — copy clean CSS.

🔒 Runs locally in your browser. No uploads, no server transfer.

Glass Panel

Glass Card

Settings

blur (14 px): saturate (180%): Brightness (110%): Background opacity (0.12):

Border color: Border opacity (0.25):

Border radius (px): Border width (px): Shadow Y (px):

Presets:

Generated CSS

Ready.