Vibary
Go Pro

Glassmorphism

Glassmorphism — style reference

Use this style

Paste into Claude Code, Cursor or v0 along with your screen

Design this screen in the "Glassmorphism" style. Style keywords: frosted glass, transparent cards, blurred background, thin border. Primary move: layered transparency. Surface behavior: frosted blur. Visual signature: luminous depth. The lightness of translucent cards floating over a background. The moment the backdrop gets busy the text smears, so blur, borders and contrast have to be tuned together. Commit fully to the style, keep the hierarchy readable, and keep all interface text in English.

The leversfrosted glasstransparent cardsblurred backgroundthin border
Primary move
layered transparency
Surface behavior
frosted blur
Visual signature
luminous depth

When it is the right answer

The lightness of translucent cards floating over a background. The moment the backdrop gets busy the text smears, so blur, borders and contrast have to be tuned together.