Glassmorphism Generator for React UI Kits For Designers

Settings

Blur12px

Transparency0.15

Saturation100%

CSS Output

.glass-panel {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(12px) saturate(100%);
    -webkit-backdrop-filter: blur(12px) saturate(100%);
    border: 1px solid rgba(255, 255, 255, 0.125);
}

Like this style?

Inversly can generate entire websites with this aesthetic in seconds.

Try Inversly Free