# Bento Grid Reveal: motion graphics style

> Rounded bento-grid cards spring in one after another, three of them carrying the word in big, tightly tracked type. The rest run tiny feature demos (toggles, a chart, a timeline, a progress ring) in the modern landing-page look.

- Category: [Sci-fi UI & Modern Web](https://aimotions.art/category/sci-fi-ui-modern-web/)
- Also known as: bento grid, bento box layout, feature grid animation, card grid reveal, modern landing page, staggered cards, ui cards animation
- Demo built with: CSS · Energy: Lively · Background: Light bg
- Live demo: https://aimotions.art/styles/bento-grid-reveal/
- Spanish version: https://aimotions.art/es/estilos/bento-grid-reveal/

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

```text
Lay out a modern bento grid on an off-white page and reveal [TEXT] through it. Three rows of rounded cards with even gutters; the middle row splits [TEXT] across three wide cards (lime with ink text, near-black with white text, violet with white text) in a heavy, tightly tracked grotesque, each chunk sliding up inside its card. Around them, white cards run tiny feature demos: toggles that switch on, a line chart that draws itself, a big stat, overlapping color dots, a timeline with keyframe diamonds and a moving playhead, a progress ring and a spinning loop icon. Cards spring in one after another with a slight overshoot, hold, then lift away in sequence and loop.
```

## Visual DNA

- Off-white page with rounded cards in white, lime, ink and violet
- Springy staggered entrance with a small overshoot and settle
- The word split across three cards in heavy tightly tracked sans
- Micro-animations inside cards: toggles, line chart, playhead, progress ring
- Aligned grid edges and generous, even gutters

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: Bento Grid Reveal, aimotions, https://aimotions.art/styles/bento-grid-reveal/