# Order Tracker

> An order tracking card with a vertical delivery timeline — a truck marker rides the rail from Order placed to Delivered, every row keeps a fixed two-line height so the card never shifts, an incomplete address halts the run until you confirm it, and a status pill plus a mono ETA follow along.

- Category: Card
- Frameworks: Vanilla, React + CSS, React + Tailwind
- Design system: Vector
- Dark mode: no
- Access: free (sign in to copy the code)
- Page: https://builder.atheros.ai/components/order-tracker
- Preview: https://d17nmjscumqk5d.cloudfront.net/builder/templates/tpl_1aaa68fa-b325-4e8e-be02-db37bd9ff1e3/preview-c15b92f5a560.webp

## Common questions

**Which frameworks is Order Tracker available in?**

Order Tracker ships as Vanilla, React + CSS and React + Tailwind — HTML, CSS, JS and React source you can copy, download or clone into Atheros AI Builder.

**Is the Order Tracker card component free?**

Yes. Order Tracker is a free component: preview it without an account, and sign in with a free Atheros account to copy or download the full source and customise it with AI.

**Does Order Tracker support dark mode?**

Order Tracker ships a single light theme, drawn from the Vector design system's tokens.

## Get the code

Preview Order Tracker live, then sign in to copy or download the source, apply another design system, or ask the AI assistant to change it: https://builder.atheros.ai/components/order-tracker

Every component on https://builder.atheros.ai is also reachable from Claude Code, Cursor and Codex through the Atheros MCP server (paid plans). Component index: https://builder.atheros.ai/llms-components.txt