The Webflow Features & Events Timeline is made with no code* with Webflow. It's CMS based so events can be added through the Editor interface? The category they're assign will decide of their color and icon.

* There's actually 2 lines of custom CSS Calc code as Calc is not yet covered by Webflow's native features.

Each year is a collection list set to position:relative. Collection items are set to position:absolute, and positioned horizontally and vertically in a year-table using two custom code divs which dimensions are set using CSS Calc with CMS variables.

The horizontal section, page title and section title are positionned using CSS Sticky. The horizontal scroling of the Timeline is achieved using Webflow Interactions, learn about it here.

As all events elements in the timeline are overlapping each other, some custom code using the pointer-events property is needed. It has to be set to none on the content of the Collection item itself, then restrored to Auto on the link element. Concurrently, the link element has to get the highest z-index of the context.

Another specificity is that the date must be spread into numerical fields in the CMS in order to be used as variables in the CSS Calcession later. The vertical position is also an editorial CMS decision, so adding new CMS nodes must be planned ahead. the date also has to be entered a second time, in date field, in order to filter on years for each year-block.

If you want to develop such a CMS Timeline, you shoud develop a Javascrip code to make positionning better, easier to maintain, and click friendly. This is just a demo, although it can be used in production if you're OK with the limitations.

Clonable Webflow CMS template for this timeline is coming soon.