Group Timeline

Horizontal group timeline.

Made with: HTML/Pug

View Code

Css Timeline

CSS timeline with custom properties.

Made with: HTML

View Code

Simple Responsive Timeline

Simple responsive vertical timeline layout in HTML and CSS.

Made with: HTML,CSS (SCSS)

View Code

Responsive Slider Timeline

A responsive slider timeline made with Swiper JS library.

Made with: HTML/Pug

View Code

Css Only Order Process Steps

Just a nice process bar here where you can click on the different steps and be presented with information. The box at the top will also animate depending on the steps.

Made with: HTML (Haml),CSS (SCSS)

View Code

Timeline Created With Css Grid

Responsive timeline created with CSS grid. Browsers that do not support CSS grid will get the mobile version of the timeline.

Made with: HTML (Pug),CSS (SCSS)

View Code