MilestoneTimeline

A horizontal timeline with a curved ruler and a center needle. Visitors drag, scroll, click or use the keyboard to move through your milestones, or let it autoplay.

Live demo: https://milestonetimelne.framer.website/

What you get

- Full source code (.tsx), ready to paste

- Framer remix link with the demo project

- README with step-by-step setup

- Free lifetime updates

- Support within 24 hours

Customizable

- Milestones: year, title, description

- Colors: background, edge fade, ticks, needle, text

- Fonts for headings and body text

- Height, spacing, ruler position, edge fade width

- Ruler curve, tick height, density and weight, needle glow

- Autoplay speed, loop, pause on hover, drag, wheel

How it works

1. Remix or paste the code into Framer

2. Drag the component onto your canvas

3. Edit your milestones and colors in the properties panel

Good to know

- Code component for Framer, not a standalone download

- No external libraries to install

- Animation and interaction run in Preview and on the published site (the canvas shows a static view)

- Set the frame height equal to the Height property (default 320)

License: Unlimited personal and client projects. No resale or redistribution.

Refunds: Not working? Email us first and we'll fix it within 24 hours. If we can't, you get a full refund.

Questions? contact us at support@russetsupply.com