Glassmorphism Cards
Frosted glass cards float over big, vivid, blurred gradient orbs, with the word on the main pane and chips drifting at different depths. The soft translucent UI trend for apps, SaaS heroes and creative portfolios.
Prompt · replace [TEXT]
Tool-agnosticCreate a glassmorphism scene for the word [TEXT]. On a pale lavender background, four or five huge, heavily blurred color orbs (hot pink, violet, tangerine, cyan) drift slowly. In front, a large frosted glass pane with rounded corners: strong background blur, a light white tint, a thin bright edge, a soft shadow and a tiny "live preview" label plus a slim progress bar. [TEXT] sits on the pane in white, wide geometric sans, each letter rising in from a blur with a gentle stagger. Smaller glass chips (a round play button, a stat card with a sparkline, a pill tag) float at different depths with slow parallax. A diagonal sheen glides across the glass; hold, blur the letters out and loop. Calm and airy.
Visual DNA
- Pale lavender page with large saturated pink, violet, orange and cyan orbs
- Frosted panes: strong background blur, white tint, hairline bright edge
- Floating chips and buttons at different depths with slow parallax drift
- Letters rise in with a blur-to-sharp stagger in a wide geometric sans
- Diagonal sheen that glides across the glass once per cycle
- Category
- Sci-fi UI & Modern Web
- Demo built with
- CSS
- Energy
- Calm
- Background
- Light bg
Also known as
No paywall, no sign-up. If a prompt saved you an hour, a coffee keeps new styles coming.
Keys: ← → browse · C copy