Skip to content
tileio

Menu

10 layers · 4 free

Bento grid layouts where every tile does something

A bento grid sets unequal tiles on one grid so a page can show several things at once without a carousel. The risk is a wall of decorative boxes. In these, each tile does a job, and in several the tiles talk to each other.

Product Bento and Pricing Bento link their tiles, so one choice changes many. Stats Bento converts every tile at once when you switch units. Feature Bento puts a working mini demo in each tile. The last three are whole templates with a bento section inside.

The 10 layers, in order

  1. A calendar app's features where every tile works: type a plan in plain words, drag across time zones, copy a booking link.

  2. A headline over six tiles that come alive on load: a counter, a self-drawing sparkline, a filling ring and a live ticker.

  3. Pick a headphone finish and every tile recolours; the noise-cancelling slider changes the battery estimate.

  4. Three plans and six features in one grid that highlight each other in both directions.

  5. A running year in review where kilometres and miles convert in every tile at once, with last year's figures on demand.

  6. Six project tiles that step through five keyframes as the pointer crosses them; drag or arrow keys work too.

  7. A link-in-bio page as a bento: open-now status in the shop's time zone, this week's cheese and an inline newsletter form.

  8. Hive

    PRO

    N° 0693 · Collaborative docs

    A collaborative-docs template whose five-block bento includes a live poll.

  9. Tallyline

    FREE

    N° 0028 · Fintech / Business banking

    A fintech template whose bento tiles each play a small product demo.

  10. Nebula

    FREE

    N° 0032 · AI / Tech

    An AI inference API template with a bento of capabilities after the playground hero.

Browse the full catalogue: Templates · Sections · Pages

Related collections

All collections