All components

AI & Product

Bento Grid

A launch-style bento grid: a big hero card with an animated bar chart and smaller feature cards that spring into place one by one.

When to use it

Summing up a product's features in one shot: a launch video's "everything you get" moment, a changelog recap, a plan overview, the closing beat before the call to action.

Use it in the studio

Ask the agent in the studio, or add it from Assets → Motion and edit these props in the inspector.

Open the studio
{
  "id": "bento-grid-1",
  "from": 0,
  "duration": 120,
  "component": "bento-grid",
  "props": {}
}