# Orbital Timeline

> A radial timeline in daylight — the six steps of an AI agent loop drift around a gradient core on a hairline ring; pick one and the orbit swings it to the top and opens a card with its status, place in the loop, context-window use and connected steps.

- Category: Navigation
- Frameworks: Vanilla, React + CSS, React + Tailwind
- Design system: Aperture
- Dark mode: no
- Access: free (sign in to copy the code)
- Tags: timeline, orbital, radial, ai
- Page: https://builder.atheros.ai/components/orbital-timeline
- Preview: https://d17nmjscumqk5d.cloudfront.net/builder/templates/tpl_7ba72853-488c-452c-98e3-f03e81075697/preview-firstframe-80f0fe79c8aa.webp

## Common questions

**Which frameworks is Orbital Timeline available in?**

Orbital Timeline 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 Orbital Timeline navigation component free?**

Yes. Orbital Timeline 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 Orbital Timeline support dark mode?**

Orbital Timeline ships a single light theme, drawn from the Aperture design system's tokens.

## Get the code

Preview Orbital Timeline 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/orbital-timeline

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