Skip to the content

Library/ 37 orbit-timelineProNavigation

Orbit Timeline

Milestones circle a centre; pick one and the orbit holds still.

A Pro component: the live demo and the code come with Pro.

Settings

Pro
  • duration
  • radius
  • direction
  • active
Tune it live with Pro

What it does

Orbit Timeline is a navigation animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called radial orbital timeline, orbital timeline or orbit menu.

Small nodes drift around a central label like moons. Pointing at the orbit slows it to a stop, and a click, tap or Tab opens a node while the rest wait. Escape or a click elsewhere lets it turn again.

With Pro

The AI prompt, the React component, the plain JavaScript file and the embed come with Pro, along with the live demo. Every setting is optional: with none, you get the effect as the preview shows it.