Beautiful CSS Timelines - (Free Assets For Your Website)

A small timeline concept for Customer's life cycle or a particular contract's life cycle.

Vertical timeline going from left to right

A responsive slider timeline made with Swiper lib.

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

A timeline with fixed header using flexbox. Data is not correct or complete. Only for demo.

Column-based flexbox timeline layout. The goal is to have clean, semantic HTML while creating a (somewhat complex) timeline-looking layout.

Double side comment timeline tweenmax

this is my first ui design =)) hope you like it !

CSS implementation of dribble sketch for training purposes original design: https://dribbble.com/shots/1980532-Timeline-Profile/

Inspired by Anton Aheichanka's Timeline & Profile on Dribbble. Check out the original work here: https://dribbble.com/shots/1980532-Timeline-Profile

Was inspired to code up a timeline based on some Dribbble shots that I seen.

Fully responsive mobile first CSS Timeline.

Work in progress. Going to be an animated svg travel timeline Inspired by this dribble shot

Was inspired to code up a timeline based on some Dribbble shots that I seen.

Just messing around with a simple animated timeline

Making a narrow version of the Timelinr plugin to fit on a mobile screen.

A timeline inspired by http://kohlhofer.com/, built for a portfolio page.

An easy to customize, responsive timeline. We used some CSS3 tricks and a bit of jQuery to create some bounce animations that affect desktop users only, while on mobile the structure is more minimal. Article and Download on Cody: http://codyhouse.co/gem/vertical-timeline/

Fully responsive CSS Timeline. Full article with explanation: http://nilswe.com/lab/css-timeline/

Please set the $vertical variable to false to see the horizontal version.

Read full tutorial by George Martsoukos on Envato Tuts+!

CSS only timeline for a client. Mobile styles coming soon.

This is a horizontal timeline that will be used with a dynamic set of no more than maybe 5 dates. To do: Add year to the calculation

An easy to customize, responsive timeline. We used some CSS3 tricks and a bit of jQuery to create some bounce animations that affect desktop users only, while on mobile the structure is more minimal. Article and Download on Cody: http://codyhouse.co/gem/vertical-timeline/

Timeline with animated items that appear on hover of the corresponding time slot

Based on the Dribbble shot Timeline by Gabe Abadilla - http://dribbble.com/shots/562262-Timeline

A simple vertical timeline design in CSS

Live at https://jubishop.com/about-me.html

Responsive Vertical Timeline With Html5 and CSS3 - Responsive Design

Pure CSS Timeline Design With Cool Hover Effects

A simple way to customize an unordered list using pseudo-elements. The list decoration can be anything - even an image.

Super simple vertical timeline code for creating a vertical timeline. Font Awesome icons included.

CSS3 vertical timeline for displaying the stories of companies vertically

I wanted to explore coding from a UI design. Here is the original design: https://dribbble.com/shots/1980532-Timeline-Profile/ I decided to make updates to the colors & to the order of the timeline, making the first tasks of the day appear at the top.

Responsive vertical timeline with Bootstrap 4 is suited to build a timeline or life cycle or story cycle of company or agency