Collection of free Tailwind CSS timeline components from Codepen and other resources.

Related Articles

  1. CSS Timelines
  2. Bootstrap Timelines
  3. jQuery Timelines
  4. ReactJS Timelines
Demo image: Responsive Vertical Timeline

Author

  • Saad Hasan

Links

Made with

  • HTML / CSS

About a code

Responsive Vertical Timeline

Simple responsive vertical timeline.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 3.0.18

Demo image: Tailwind Responsive Timeline Example

Author

  • Ishaan Sheikh

Links

Made with

  • HTML / CSS

About a code

Tailwind Responsive Timeline Example

A simple timeline component using TailwindCSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: fontawesome.css

Tailwind version: 2.2.7

Demo image: Responsive Vertical Timeline

Author

  • Chris-Mingay

Links

Made with

  • HTML / CSS

About a code

Responsive Vertical Timeline

A simple responsive alternating timeline component.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.2.4

Demo image: Events Timeline

Author

  • ahampriyanshu

Links

Made with

  • HTML / CSS

About a code

Events Timeline

Resposive events timeline with sticky heading.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.3

Demo image: Responsive Vertical Timeline

Author

  • florian-lefebvre

Links

Made with

  • HTML / CSS

About a code

Responsive Vertical Timeline

A responsive timeline created using CSS Grid and Flexbox.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.2

Demo image: Timeline

Author

  • iCodeart

Links

Made with

  • HTML / CSS

About a code

Timeline

Tailwind CV timeline.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: fontawesome.css

Tailwind version: 2.0.2

Demo image: Timeline #1

Author

  • Mamba UI

Links

Made with

  • HTML / CSS

About a code

Timeline #1

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Timeline #2

Author

  • Mamba UI

Links

Made with

  • HTML / CSS

About a code

Timeline #2

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: Timeline #3

Author

  • Mamba UI

Links

Made with

  • HTML / CSS

About a code

Timeline #3

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.0.0+

Demo image: TimeLine

Author

  • Md Yousuf Sheikh

Links

Made with

  • HTML / CSS

About a code

TimeLine

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 1.9.6

Demo image: Simple Vertical Timeline

Author

  • rezakurniawan17

Links

Made with

  • HTML / CSS

About a code

Simple Vertical Timeline

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 1.9.0

Demo image: Timeline Dialog

Author

  • Svjatoslav Torn

Links

Made with

  • HTML / CSS

About a code

Timeline Dialog

Dialog component between two users.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: fontawesome.css

Tailwind version: 1.7.0

Demo image: User Timeline

Author

  • SurajAdsul

Links

Made with

  • HTML / CSS

About a code

User Timeline

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 1.4.6

Demo image: Twitter Timeline

Author

  • hiravesonali

Links

Made with

  • HTML / CSS

About a code

Twitter Timeline

Twitter Timeline using TailwindCSS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 1.4.6