About Meridian
Tell your story on one clean line
Meridian is a minimal, interactive timeline for Framer. A fine tick ruler slides under a fixed needle, the year rolls into place and each chapter fades in with its photo. Drop it into an About page, a company history or a product roadmap.
Features
100% native Framer: variants, smart animate and click interactions, no code
Six chapters, each with a year, tag, title, text and image
Click a year on the ruler or use the arrows; the progress line fills as you go
Desktop and compact layouts (12 variants), so it works on phones
Light and dark from one set of colour styles
Clean type in Inter Display, Inter and Geist Mono, all on text styles
What's included
The Meridian/Timeline component
7 colour styles and 10 text styles
A demo page set up for desktop, tablet and phone
Getting started
Copy the component from the demo page into your project.
Edit the years, copy and photos in the right panel.
On your phone breakpoint, set the variant to Compact 1.
Change the Meridian colour styles to match your brand.
Support
Questions or ideas? Reach me through devahsan.com.
