# Horizontal 4-step How It Works tab strip driving an auto-advancing app console on a sky photo

> Setup walkthrough: 4 step tabs swap an app console (KPI overview, component grid, CLI install list, integrations), advancing every 6s, held under pointer or focus. Runs on shadcn Tabs, Card, Progress, ReUI IconTile chips, Badge. For product tour.

A paid shadcn/ui block sold by the [@reui](https://reui.io/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/reui/how-it-works-4).

- Page, with a preview: https://shadcn.exchange/r/reui/how-it-works-4
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/reui/how-it-works-4-light-6ad7ea776cd182e6.png
- Listed: 2026-10-13

## Buy and install

@reui sells this block, and its code is not on shadcn.exchange. Buy it from the registry, which installs it for those who have: https://shadcn.exchange/out/reui/how-it-works-4

## Dependencies

- npm packages: `cn`, `motion`
- Registry items: `@reui/badge`, `@reui/icon-tile`, `card`, `item`, `kbd`, `progress`, `tabs`