Flat & Soft UI 2020s Modern

Glassmorphism

Glassmorphic interface with frosted glass effect. Ideal for overlays, modal dialogs, card components, premium interfaces. AI-ready template.

Frosted glasstransparentblurred backgroundlayeredvibrant backgroundlight sourcedepthmulti-layer

Use case: Overlays, Modal dialogs, Card components, Premium interfaces

Glassmorphism

Historical Context

Popularizado por Apple iOS, Microsoft Windows 11 e Figma (2020). Usa backdrop-filter CSS para efeito frosted glass realqueda.

Technical Specs

Colors

Secondary

#0080FF
#8B00FF
#FF1493
#20B2AA

Effects

Backdrop blur (10-20px), subtle border (1px solid rgba white 0.2), light reflection, Z-depth

Light/Dark

✓ Full / ✓ Full

DESIGN.md

AI Prompt

Related

Neumorphism
Flat & Soft UI

Neumorphism
Spatial UI (VisionOS)
Futurista & Tech

Spatial UI (VisionOS)
Skeuomorphism
Flat & Soft UI

Skeuomorphism
Minimalism & Swiss Style
Minimalismo & Swiss

Minimalism & Swiss Style
Brutalism
Brutalismo

Brutalism

Last synced: 4/1/2026