Ascent Timeline
A pinned timeline where months pass and a counter climbs.
A Pro component: the live demo and the code come with Pro.
Settings
Pro- from
- to
- bloom
- blur
- length
What it does
Ascent Timeline is a navigation animation ready for your AI assistant, React or plain JavaScript, with no dependencies. Also called roadmap scroll, growth timeline or milestone timeline.
Months scroll through a glowing node as you scroll, each milestone swapping in with a soft blur. A big counter rolls digit by digit toward its total while a field of small squares lights up behind.
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.