CSS Glassmorphism Generator | Free Online Tool

Presets

Subtle

Frosted

Heavy

Tinted

Neon

Minimal

Controls

Blur 12px

Opacity 0.15

Saturation 180%

Border Opacity 0.2

Border Radius 16px

Shadow Strength 0.1

Background Color

Border Color

Inner shadow (inset glow)

Preview

Glass Card

This is a glassmorphism effect. Tweak the controls to customize the look.

☕ Buy Me a Coffee

Copied to clipboard!