Compare Features LandingLanding page, 1 page
Flowline SaaS LandingLanding page, 1 page
Prismo Creative AgencyCreative, 1 page
Velour Car DetailingLanding page, 1 pageScroll-Lit Milestone Timeline
A milestone timeline whose centre line fills with the brand colour as visitors scroll (rAF-throttled scroll progress, no @keyframes), lighting each year's dot and outline-to-solid numeral as it's reached (IntersectionOb…
50 sites for €79 only, Compare all plans
All photos and visual assets used in this preview are sourced from Unsplash.
The system behind it
One pattern, your whole brand.
Scroll-Lit Milestone Timeline reads your ACSS tokens, so changing a color, a font or a spacing value once restyles it everywhere. No hard-coded values, nothing to override.
- Type
- Layout
- Category
- Content
- Responsive
- Desktop to phone
- Works with
- Etch, ACSS, plain CSS
Component props 1
Only the repeating unit is a component. Duplicate, reorder or delete it in Layers and edit these props.
year2014
titleA folding table at Dadaocheng
descriptionTwo cousins start selling hand-roasted oolong at the Sunday market.
imagehttps://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=700
imageAltempty
showImageTrue
Free pattern. Yours to use on any site, no plan needed.
Included in Pro From €39 a year, with all 753 patterns.
Get ProMore patterns
