# Live features — Detent

> The features section of an AI product’s landing page: a heading and five tiles, each one the feature working rather than a picture of it.

Canonical: https://detentui.com/blocks/live-features
Last updated: 2026-11-10

## About

The features section of an AI product’s landing page: a heading and five tiles, each one the feature working rather than a picture of it.

## Details

- Every tile is live and on its own loop, so the section never moves all at once: a ticket resolves step by step, replies change language, a handover happens, a chart ticks over, a reply changes its tone.
- The agent tile shows the part buyers worry about: the refund waits on a card that says exactly what will happen, and only moves once it’s approved.
- Language and tone are real controls. Pick one and that tile is yours; the other tiles keep playing.
- The chart’s bars grow from the floor by scale and every changing label holds its place, so nothing around a tile ever shifts.
- It tells the same story as the rest of an AI product’s landing page, so the sections sit together and read as one product.
- One column on a phone, two on a tablet, the full bento from 1024px. The agent tile drops its approval card when it’s too narrow for it.

## Keyboard shortcuts

| Keys | Action |
| --- | --- |
| ← → | Move along a tile’s choices |

## Install (Pro required)

```bash
npx shadcn add @detent-pro/live-features
```

## Related
- [All blocks](https://detentui.com/blocks)
- [Pro](https://detentui.com/pro)