With the emergence of social media, timelines have started to become popular and be used in other type of websites, such as blogs, portfolios, news portals, weather apps and many more. With the help of CSS & JS you can create stunning timelines that can be used in your current and future projects.

That’s why I decided to put together a list of some of the best CSS timelines I could find on CodePen.

CSS Timeline

CSS Timeline Concept

Advanced TimeLine : HTML / CSS / JavaScript

Simple Responsive Timeline

Pure CSS Timeline Card

Hyperloop Timeline

Animated CSS Timeline

Horizontal Car Timeline

Responsive Timeline

Timeline Scribble

4 Panel Timeline CSS

Animated SVG Travel Timeline

Timeline UI

Timeline Sequence V1

HR Timeline

Horizontal Timeline

Collapsable timeline

Narrow Vertical Timelinr

Horizontal CSS Timeline Slider

CSS Timeline With Photos

Bitcoin Timeline With Fixed Header Using Flexbox

Building A Horizontal Timeline With CSS and JavaScript

Staircase CSS Timeline

Building A Vertical Timeline With CSS And A Touch Of JavaScript

Morning Timeline UI Design

Responsive Timeline With Collapsable Elements