# Glassmorphism Cards: motion graphics style

> 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.

- Category: [Sci-fi UI & Modern Web](https://aimotions.art/category/sci-fi-ui-modern-web/)
- Also known as: glassmorphism, frosted glass ui, glass card effect, blurred glass, backdrop blur, glass ui animation, translucent cards
- Demo built with: CSS · Energy: Calm · Background: Light bg
- Live demo: https://aimotions.art/styles/glassmorphism/
- Spanish version: https://aimotions.art/es/estilos/glassmorphism/

## Prompt (replace [TEXT] with your text)

```text
Create 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

The prompts are free to copy, adapt and use in personal and commercial projects, with no credit required. Republishing the collection or a substantial part of it (for example as another library or a dataset) requires written permission.

How to cite: Glassmorphism Cards, aimotions, https://aimotions.art/styles/glassmorphism/