Preview - https://scrolltimelinepro.framer.website/
ScrollLine brings an interactive, scroll-driven visual journey straight to your Framer projects. Drop it into an agency landing page, a company history section, or a personal portfolio to let visitors unpack a narrative seamlessly as they scroll down. It instantly transforms dense chronologies
It tracks the user's scroll position to dynamically animate a central guide line and fill sequential progress nodes as they enter the viewport.
Layout & Line Architecture: Choose between a balanced center split or traditional left and right alignments. Fine-tune container padding, event spacing, maximum content width, and customize the line thickness, active and inactive track colors, and choose between clean round or square line caps.
Navigation & Anchors: Toggle a global progress bar at the top or sides of the viewport, adjust its height, background tracks, and accent fills. Control a dedicated side dot navigator with custom sizing, colors, and interactive active pulses.
Content Cards & Motion: Adjust the animation type from subtle directional fades to custom threshold triggers, complete with adjustable easing styles and precise millisecond durations. Complete creative control over the typography sizes and line heights, card background colors, rounded borders, custom padding levels, drop shadows with blur controls, image dimensions, and active micro-scaling hover behaviors.
Company roadmaps and brand history sections
Step-by-step product walkthroughs and feature breakdowns
Design and development agency portfolios
Visual project case studies
Event schedules and multi-day conference line-ups
Resume and personal career timelines
If you ship something cool with this, post it on X and tag me @Dulajweb, or send it over. I would love to check out what you create.
Questions or feedback? Reach me anytime at dulajdilshan766@gmail.com or on X @Dulajweb.
Preview - https://scrolltimelinepro.framer.website/
ScrollLine brings an interactive, scroll-driven visual journey straight to your Framer projects. Drop it into an agency landing page, a company history section, or a personal portfolio to let visitors unpack a narrative seamlessly as they scroll down. It instantly transforms dense chronologies
It tracks the user's scroll position to dynamically animate a central guide line and fill sequential progress nodes as they enter the viewport.
Layout & Line Architecture: Choose between a balanced center split or traditional left and right alignments. Fine-tune container padding, event spacing, maximum content width, and customize the line thickness, active and inactive track colors, and choose between clean round or square line caps.
Navigation & Anchors: Toggle a global progress bar at the top or sides of the viewport, adjust its height, background tracks, and accent fills. Control a dedicated side dot navigator with custom sizing, colors, and interactive active pulses.
Content Cards & Motion: Adjust the animation type from subtle directional fades to custom threshold triggers, complete with adjustable easing styles and precise millisecond durations. Complete creative control over the typography sizes and line heights, card background colors, rounded borders, custom padding levels, drop shadows with blur controls, image dimensions, and active micro-scaling hover behaviors.
Company roadmaps and brand history sections
Step-by-step product walkthroughs and feature breakdowns
Design and development agency portfolios
Visual project case studies
Event schedules and multi-day conference line-ups
Resume and personal career timelines
If you ship something cool with this, post it on X and tag me @Dulajweb, or send it over. I would love to check out what you create.
Questions or feedback? Reach me anytime at dulajdilshan766@gmail.com or on X @Dulajweb.
