100+ CSS Timelines

Last Updated on by in CSS Examples
CSS Timelines

Are you looking for a mesmerizing collection of CSS timelines? If you want to showcase events or data in a neat, easy-to-follow way on your website, we have free code examples of HTML and CSS timelines. These nifty tools help you present information chronologically, making your website look snazzy and user-friendly.

Our compilation features 100+ free HTML and CSS examples of CSS timelines from trusted sources like GitHub and CodePen. You’ll find the latest and coolest designs available, all ready to boost the beauty of your website and impress your visitors.

But why are CSS timelines so important? They make it super simple for your audience to understand the order of events or data points on your site. Plus, they work seamlessly across different browsers and all types of devices, whether your visitors are on a desktop, tablet, or mobile phone.

Whether you’re a web developer, designer, or just someone who wants to make their website more engaging, our collection of CSS timelines has something for you. So why wait? Dive in and explore the possibilities today!

1. Vertical Timeline – Notifications

See the Pen
Vertical Timeline – Notifications
by Alina N. (@blackellis)
on CodePen.


Author: Alina N. @blackellis
Links: Source Code / Demo
Created on: May  2, 2020
Made with: HTML, CSS

2. Bootstrap Timeline

See the Pen
Bootstrap Timeline
by Jason Davis (@jasondavis)
on CodePen.


Author: Jason Davis @jasondavis
Links: Source Code / Demo
Created on: January 31, 2014
Made with: HTML, CSS

3. Timeline

See the Pen
Timeline
by Ross Topping (@rosstopping)
on CodePen.


Author: Ross Topping @rosstopping
Links: Source Code / Demo
Created on: January 8, 2014
Made with: HTML, CSS

4. Timeline of HTML

See the Pen
Timeline of HTML
by Vaughan Curd (@vcurd)
on CodePen.


Author: Vaughan Curd @vcurd
Links: Source Code / Demo
Created on: September 24, 2019
Made with: HTML, CSS

5. Animated circle timeline

See the Pen
Animated circle timeline
by Jen Huang (@jen-huang)
on CodePen.


Author: Jen Huang @jen-huang
Links: Source Code / Demo
Created on: December 11, 2014
Made with: HTML, CSS(SCSS),JS

6. Timeline

See the Pen
Timeline
by Ross Topping (@rosstopping)
on CodePen.


Author: Ross Topping @rosstopping
Links: Source Code / Demo
Created on: January 8, 2014
Made with: HTML, CSS

7. Responsive timeline

See the Pen
responsive timeline v3
by Clay Larson (@cjl750)
on CodePen.


Author: Clay Larson @cjl750
Links: Source Code / Demo
Created on: January 28, 2018
Made with: HTML, CSS(Sass), JS

8. Super Simple Timeline

See the Pen
Super Simple Timeline
by HTML Codex (@htmlcodex)
on CodePen.


Author: HTML Codex @htmlcodex
Links: Source Code / Demo
Created on: June 26, 2020
Made with: HTML, CSS

9. Building a Vertical Timeline With CSS and a Touch of JavaScript

See the Pen
Building a Vertical Timeline With CSS and a Touch of JavaScript
by Envato Tuts+ (@tutsplus)
on CodePen.


Author: Envato Tuts+ @tutsplus
Links: Source Code / Demo
Created on: May 24, 2016
Made with: HTML, CSS, JS

10. CSS3 Horizontal Timeline

See the Pen
CSS3 Horizontal Timeline
by Peiwen Lu (@P233)
on CodePen.


Author: Peiwen Lu @P233
Links: Source Code / Demo
Created on: May 17, 2013
Made with: HTML, CSS(Sass)

11. Responsive Grid Timeline

See the Pen
Responsive Grid Timeline | Dribble shot
by Shireen Taj (@TajShireen)
on CodePen.


Author: Shireen Taj @TajShireen
Links: Source Code / Demo
Created on: August 1, 2020
Made with: HTML, CSS(SCSS)

12. CSS Timeline for Giggles

See the Pen
CSS Timeline for Giggles
by Alan Houser (@alanhouser)
on CodePen.


Author: Alan Houser @alanhouser
Links: Source Code / Demo
Created on: January 25, 2018
Made with: HTML, CSS(Less)

13. HR Timeline

See the Pen
HR Timeline
by Youri (@yourinium)
on CodePen.


Author: Youri @yourinium
Links: Source Code / Demo
Created on: February 15, 2016
Made with: HTML, CSS

14. UIkit 3 CSS Timeline

See the Pen
UIkit 3 CSS Timeline
by Corentin (@Astroop)
on CodePen.


Author: Corentin @Astroop
Links: Source Code / Demo
Created on: April 24, 2020
Made with: HTML, CSS

15. Responsive HTML Timeline

See the Pen
Responsive HTML Timeline
by Joshua P. Larson (@jplhomer)
on CodePen.


Author: Joshua P. Larson @jplhomer
Links: Source Code / Demo
Created on: October 1, 2013
Made with: HTML, CSS(SCSS)

16. Simple responsive vertical timeline with css

See the Pen
Simple responsive vertical timeline with css
by hassan kamal (@hassan-kamal)
on CodePen.


Author: hassan kamal @hassan-kamal
Links: Source Code / Demo
Created on: March 30, 2016
Made with: HTML, CSS

17. Vertical Timeline

See the Pen
Vertical Timeline
by CodyHouse (@codyhouse)
on CodePen.


Author: CodyHouse @codyhouse
Links: Source Code / Demo
Created on: June 12, 2014
Made with: HTML, CSS(SCSS), JS

18. Ionic timeline

See the Pen
ionic timeline
by Marc (@comapedrosa)
on CodePen.


Author: Marc @comapedrosa
Links: Source Code / Demo
Created on: December 29, 2015
Made with: HTML, CSS

19. CSS Timeline Multi

See the Pen
CSS Timeline Multi
by Aslam (@hunzaboy)
on CodePen.


Author: Aslam @hunzaboy
Links: Source Code / Demo
Created on: August 22, 2019
Made with: HTML, CSS(SCSS)

20. Timeline Style Navigation

See the Pen
Timeline Style Navigation
by Naila Ahmad (@nailaahmad)
on CodePen.


Author: NAILA AHMAD @nailaahmad
Links: Source Code / Demo
Created on: May 5, 2016
Made with: HTML, CSS(SCSS), JS

21. Timeline

See the Pen
Timeline
by Basile Therer (@flursh)
on CodePen.


Author: Basile Therer @flursh
Links: Source Code / Demo
Created on: July 23, 2014
Made with: HTML, CSS(SCSS), JS

22. CSS Timeline

See the Pen
CSS Timeline
by Nils Wittler (@NilsWe)
on CodePen.


Author: Nils Wittler @NilsWe
Links: Source Code / Demo
Created on: June 27, 2013
Made with: HTML, CSS

23. Vertical dark timeline

See the Pen
Vertical dark timeline
by Devcrud (@Devcrud)
on CodePen.


Author: Devcrud @Devcrud
Links: Source Code / Demo
Created on: March 29, 2020
Made with: HTML, CSS(SCSS)

24. Responsive Timeline using CSS Grid

See the Pen
Responsive Timeline using CSS Grid & Grid Template Areas( Pug, Sass, Description List)
by Dianna Cheng (@girlgeek)
on CodePen.


Author: Dianna Cheng @girlgeek
Links: Source Code / Demo
Created on: July 15, 2017
Made with: HTML(Pug), CSS(SCSS)

25. Life timeline

See the Pen
Life timeline
by Nicolas Slatiner (@slatiner)
on CodePen.


Author: Nicolas Slatiner @slatiner
Links: Source Code / Demo
Created on: January 10, 2013
Made with: HTML, CSS

26. CSS Timeline

See the Pen
CSS Timeline
by Aslam (@hunzaboy)
on CodePen.


Author: Aslam @hunzaboy
Links: Source Code / Demo
Created on: August 16, 2019
Made with: HTML, CSS(SCSS)

27. Timeline

See the Pen
Timeline
by Zed Dash (@z-)
on CodePen.


Author: Zed Dash
Links: Source Code / Demo
Created on: October 30, 2016
Made with: HTML, CSS(SCSS)

28. Timeline Sequence

See the Pen
Timeline Sequence V1
by Youssef (@xander1820)
on CodePen.


Author: Youssef @xander1820
Links: Source Code / Demo
Created on: June 3, 2016
Made with: HTML, CSS, JS

29. horizontal timeline

See the Pen
horizontal timeline
by Ritesh Kumar (@ritz078)
on CodePen.


Author: Ritesh Kumar @ritz078
Links: Source Code / Demo
Created on: December 25, 2015
Made with: HTML, CSS, JS

30. Timeline

See the Pen
Timeline
by Damian Drygiel (@drygiel)
on CodePen.


Author: Damian Drygiel @drygiel
Links: Source Code / Demo
Created on: November 4, 2013
Made with: HTML, CSS(Less), JS

31. Timeline CSS

See the Pen
Timeline CSS
by Jonathan Snook (@snookca)
on CodePen.


Author: Jonathan Snook @snookca
Links: Source Code / Demo
Created on: May 11, 2018
Made with: HTML, CSS

32. Responsive Material Design Timeline

See the Pen
Responsive Material Design Timeline
by Samet Erpik (@samerpik)
on CodePen.


Author: Samet Erpik @samerpik
Links: Source Code / Demo
Created on: August 24, 2015
Made with: HTML, CSS

33. Timeline Slider Navigation

See the Pen
Timeline Slider Navigation
by Tyler Fowle (@tylerfowle)
on CodePen.


Author: Tyler Fowle @tylerfowle
Links: Source Code / Demo
Created on: March 11, 2016
Made with: HTML(Haml), CSS(SCSS), JS

34. Responsive slider timeline with Swiper

See the Pen
Responsive slider timeline with Swiper
by Bruno Carvalho (@bcarvalho)
on CodePen.


Author: Bruno Carvalho @bcarvalho
Links: Source Code / Demo
Created on: August 30, 2017
Made with: HTML, CSS(SCSS),JS

35. CSS Timeline

See the Pen
CSS Timeline
by Darcy Voutt (@darcyvoutt)
on CodePen.


Author: Darcy Voutt @darcyvoutt
Links: Source Code / Demo
Created on: March 10, 2015
Made with: HTML, CSS(Less)

36. Pretty Timeline

See the Pen
Pretty Timeline
by Evan Wieland (@EvanWieland)
on CodePen.


Author: Evan Wieland @EvanWieland
Links: Source Code / Demo
Created on: July 14, 2016
Made with: HTML, CSS(Sass)

37. YGC V2 Timeline

See the Pen
YGC V2 Timeline
by Yago Gonzalez (@ygc)
on CodePen.


Author: Yago Gonzalez @ygc
Links: Source Code / Demo
Created on: August 20, 2016
Made with: HTML, CSS

38. Timeline

See the Pen
Timeline
by Amy Carter (@taytofry)
on CodePen.


Author: Amy Carter @taytofry
Links: Source Code / Demo
Created on: May 11, 2018
Made with: HTML, CSS, JS

39. Vertical Timeline

See the Pen
Vertical Timeline
by Sava Lazic (@savalazic)
on CodePen.


Author: Sava Lazic @savalazic
Links: Source Code / Demo
Created on: September 5, 2016
Made with: HTML, CSS(SCSS), JS

40. Horizontal Timeline with Swiper

See the Pen
Horizontal Timeline with Swiper
by Dzulfikar Adi Putra (@superpikar)
on CodePen.


Author: Dzulfikar Adi Putra @superpikar
Links: Source Code / Demo
Created on: September 29, 2017
Made with: HTML, CSS(SCSS), JS

41. CSS Timeline with Custom Properties

See the Pen
CSS Timeline with Custom Properties
by Stas Melnikov (@melnik909)
on CodePen.


Author: Stas Melnikov @melnik909
Links: Source Code / Demo
Created on: September 30, 2017
Made with: HTML, CSS

42. Nested & Color Coded Interactive Timeline

See the Pen
Nested & Color Coded Interactive Timeline
by Kent Chang (@kentchangdesign)
on CodePen.


Author: Kent Chang @kentchangdesign
Links: Source Code / Demo
Created on: December 4, 2017
Made with: HTML, CSS(Sass), JS(Typescript)

43. CSS3 Timeline

See the Pen
CSS3 Timeline
by Krishna Babu (@krishnab)
on CodePen.


Author: Krishna Babu @krishnab
Links: Source Code / Demo
Created on: March 5, 2015
Made with: HTML, CSS

44. Timeline

See the Pen
timeline
by Mert Cukuren (@knyttneve)
on CodePen.


Author: Mert Cukuren @knyttneve
Links: Source Code / Demo
Created on: February 2, 2017
Made with: HTML(Pug), CSS(SCSS), JS

45. Timeline Scroll

See the Pen
Timeline Scroll
by Marco Dell’Anna (@plasm)
on CodePen.


Author: Marco Dell’Anna @plasm
Links: Source Code / Demo
Created on: March 1, 2017
Made with: HTML, CSS(Sass), JS(Babel)

46. Vertical Left and Right Timeline

See the Pen
Vertical Left and Right Timeline
by CP Lepage (@cplepage)
on CodePen.


Author: CP Lepage @cplepage
Links: Source Code / Demo
Created on: January 24, 2018
Made with: HTML(Pug), CSS(Sass)

47. Timeline

See the Pen
Timeline
by Clint Brown (@clintabrown)
on CodePen.


Author: Clint Brown @clintabrown
Links: Source Code / Demo
Created on: September 29, 2013
Made with: HTML, CSS(SCSS)

48. Bitcoin timeline with fixed header using flexbox

See the Pen
Bitcoin timeline with fixed header using flexbox
by Matys (@mathiesjanssen)
on CodePen.


Author: Matys @mathiesjanssen
Links: Source Code / Demo
Created on: February 2, 2017
Made with: HTML, CSS(SCSS), JS

49. Timeline UI

See the Pen
Timeline UI
by Simon Reinsperger (@abisz)
on CodePen.


Author: Simon Reinsperger @abisz
Links: Source Code / Demo
Created on: September 4, 2016
Made with: HTML, CSS(SCSS)

50. Physic Milestones Timeline

See the Pen
Physic Milestones Timeline – Date 11 (24 days of animation)
by januaryofmine (@januaryofmine)
on CodePen.


Author: januaryofmine @januaryofmine
Links: Source Code / Demo
Created on: March 29, 2019
Made with: HTML, CSS(SCSS), JS

51. Building a Horizontal Timeline With CSS and JavaScript

See the Pen
Building a Horizontal Timeline With CSS and JavaScript
by Envato Tuts+ (@tutsplus)
on CodePen.


Author: Envato Tuts+ @tutsplus
Links: Source Code / Demo
Created on: April 25, 2017
Made with: HTML, CSS, JS(Babel)

52. Timeline for a Portfolio

See the Pen
Timeline for a Portfolio
by Andrew R McHugh (@armthethinker)
on CodePen.


Author: Andrew R McHugh @armthethinker
Links: Source Code / Demo
Created on: September 29, 2014
Made with: HTML(Pug), CSS(Less)

53. Timeline

See the Pen
Timeline
by Shireen Taj (@TajShireen)
on CodePen.


Author: Shireen Taj @TajShireen
Links: Source Code / Demo
Created on: July 10, 2020
Made with: HTML, CSS(SCSS)

54. Timeline scribble

See the Pen
Timeline scribble
by Michaela (@Fischaela)
on CodePen.


Author: Michaela @Fischaela
Links: Source Code / Demo
Created on: April 20, 2014
Made with: HTML, CSS(SCSS)

55. Single div timeline

See the Pen
Single div timeline
by Niels Voogt (@NielsVoogt)
on CodePen.


Author: Niels Voogt @NielsVoogt
Links: Source Code / Demo
Created on: December 28, 2016
Made with: HTML, CSS(SCSS)

56. Super Simple Bootstrap Responsive Timeline

See the Pen
Super Simple Bootstrap Responsive Timeline
by Jennifer Perrin (@jenniferperrin)
on CodePen.


Author: Jennifer Perrin @jenniferperrin
Links: Source Code / Demo
Created on: September 12, 2014
Made with: HTML, CSS

57. Horizontal Timeline Responsive

See the Pen
Horizontal Timeline Responsive
by Nicko Afan (@nickoafan)
on CodePen.


Author: Nicko Afan @nickoafan
Links: Source Code / Demo
Created on: January 27, 2016
Made with: HTML, CSS(SCSS)

58. Simple Responsive Timeline

See the Pen
Simple Responsive Timeline
by keith.geek (@keithwyland)
on CodePen.


Author: keith.geek @keithwyland
Links: Source Code / Demo
Created on: September 1, 2017
Made with: HTML, CSS(SCSS)

59. Timeline

See the Pen
Timeline
by Charlotte Dann (@pouretrebelle)
on CodePen.


Author: Charlotte Dann @pouretrebelle
Links: Source Code / Demo
Created on: July 19, 2013
Made with: HTML(Haml), CSS(SCSS)

60. Project Timeline

See the Pen
Project Timeline
by Russell Bishop (@russelllighthouse)
on CodePen.


Author: Russell Bishop @russelllighthouse
Links: Source Code / Demo
Created on: February 19, 2017
Made with: HTML, CSS(SCSS)

61. Simple Responsive Timeline

See the Pen
Simple Responsive Timeline
by Brady Wright (@brady_wright)
on CodePen.


Author: Brady Wright @brady_wright
Links: Source Code / Demo
Created on: April 28, 2016
Made with: HTML, CSS(SCSS)

62. Narrow Vertical Timelinr

See the Pen
Narrow Vertical Timelinr
by Tyler Berry (@TylerBerry)
on CodePen.


Author: Tyler Berry @TylerBerry
Links: Source Code / Demo
Created on: February 4, 2015
Made with: HTML, CSS, JS

63. Advanced TimeLine : HTML / CSS / JavaScript

See the Pen
Advanced TimeLine : HTML / CSS / JavaScript
by MO7AMED EL DMRDASH (@mo7amedk7alid29)
on CodePen.


Author: MO7AMED EL DMRDASH @mo7amedk7alid29
Links: Source Code / Demo
Created on: June 6, 2017
Made with: HTML, CSS, JS

64. Scroll Timeline

See the Pen
Scroll Timeline (jQuery)
by Viktor (@viktorjs)
on CodePen.


Author: Viktor @viktorjs
Links: Source Code / Demo
Created on: February 18, 2018
Made with: HTML(Pug), CSS(SCSS), JS(Babel

65. CSS3 Timeline

See the Pen
CSS3 Timeline
by Peiwen Lu (@P233)
on CodePen.


Author: Peiwen Lu @P233
Links: Source Code / Demo
Created on: May 14, 2013
Made with: HTML, CSS(Sass)

66. Simple Animated Timeline Scroller

See the Pen
Simple Animated Timeline Scroller
by Jean-Marc Goepfert (@jm)
on CodePen.


Author: Jean-Marc Goepfert @jm
Links: Source Code / Demo
Created on: January 31, 2013
Made with: HTML, CSS, JS

67. CSS Timeline

See the Pen
CSS Timeline
by Rafael Youakeem (@Youakeem)
on CodePen.


Author: Rafael Youakeem @Youakeem
Links: Source Code / Demo
Created on: December 26, 2016
Made with: HTML, CSS(SCSS)

68. Pure CSS Timeline

See the Pen
Pure CSS Timeline
by Christian Fei (@christian-fei)
on CodePen.


Author: Christian Fei @christian-fei
Links: Source Code / Demo
Created on: May 3, 2013
Made with: HTML, CSS(SCSS)

69. Collapsable timeline

See the Pen
Collapsable timeline
by Barney Parker (@barney-parker)
on CodePen.


Author: Barney Parker @barney-parker
Links: Source Code / Demo
Created on: November 26, 2015
Made with: HTML, CSS, JS

70. Comments & feeadbacks & history timeline

See the Pen
comments & feeadbacks & history timeline
by Hosam Elnabawy (@hosam1696)
on CodePen.


Author: Hosam Elnabawy @hosam1696
Links: Source Code / Demo
Created on: October 18, 2016
Made with: HTML, CSS(SCSS),JS

71. Responsive Vertical Timeline

See the Pen
Responsive Vertical Timeline
by Ratko Solaja (@Ratko_Solaja)
on CodePen.


Author: Ratko Solaja @Ratko_Solaja
Links: Source Code / Demo
Created on: September  20, 2014
Made with: HTML, CSS

72. Simple Calendar & Scheduler App

See the Pen
Simple Calendar & Scheduler App
by Vlad Racoare (@vladracoare)
on CodePen.


Author: Vlad Racoare @vladracoare
Links: Source Code / Demo
Created on: November 5, 2019
Made with: HTML, CSS, JS

73. Responsive Timeline

See the Pen
Responsive Timeline
by Arnaud Balland (@ArnaudBalland)
on CodePen.


Author: Arnaud Balland @ArnaudBalland
Links: Source Code / Demo
Created on: July 14, 2016
Made with: HTML, CSS(SCSS), JS

74. Personal Resume/Portfolio

See the Pen
Personal Resume/Portfolio
by David Seyboth (@DRiNVAD3R)
on CodePen.


Author: David Seyboth @DRiNVAD3R
Links: Source Code / Demo
Created on: July 5, 2017
Made with: HTML, CSS

75. Horizontal timeline

See the Pen
Horizontal timeline
by Marina Marques (@shvvffle)
on CodePen.


Author: marina marques @shvvffle
Links: Source Code / Demo
Created on: August 23, 2016
Made with: HTML, CSS, JS

76. Horizontal & vertical bootstrap timeline

See the Pen
Horizontal & vertical bootstrap timeline
by W.D.M.Group (@wdmg)
on CodePen.


Author: W.D.M.Group @wdmg
Links: Source Code / Demo
Created on: May 3, 2016
Made with: HTML, CSS(Less)

77. Timeline animation

See the Pen
Timeline animation
by Chris Wright (@chriswrightdesign)
on CodePen.


Author: Chris Wright @chriswrightdesign
Links: Source Code / Demo
Created on: February 6, 2015
Made with: HTML, CSS(SCSS)

78. Timeline

See the Pen
Timeline
by Nomisoft (@nomisoft)
on CodePen.


Author: Nomisoft @nomisoft
Links: Source Code / Demo
Created on: December 7, 2016
Made with: HTML, CSS(SCSS)

79. Responsive Timeline Concept

See the Pen
Responsive Timeline Concept
by Jones Joseph (@jo_Geek)
on CodePen.


Author: Jones Joseph @jo_Geek
Links: Source Code / Demo
Created on: September 20, 2018
Made with: HTML, CSS

80. Process Timeline

See the Pen
Process Timeline
by Pop Razvan (@roppazvan)
on CodePen.


Author: Pop Razvan @roppazvan
Links: Source Code / Demo
Created on: May 1, 2019
Made with: HTML, CSS(SCSS), JS(Babel)

81. Single div timeline

See the Pen
Single div timeline
by Niels Voogt (@NielsVoogt)
on CodePen.


Author: Niels Voogt @NielsVoogt
Links: Source Code / Demo
Created on: December 28, 2016
Made with: HTML, CSS(SCSS)

82. Horizontal Timeline

See the Pen
Horizontal Timeline
by Vincent Ramos (@vram1980)
on CodePen.


Author: Vincent Ramos @vram1980
Links: Source Code / Demo
Created on: October 11, 2016
Made with: HTML, CSS(SCSS), JS

83. Flexbox Timeline Layout

See the Pen
Flexbox Timeline Layout
by Paul Barker (@paulhbarker)
on CodePen.


Author: Paul Barker @paulhbarker
Links: Source Code / Demo
Created on: January 9, 2017
Made with: HTML, CSS(SCSS)

84. Timeline

See the Pen
#CodePenChallenge – <details> and <summary>
by Tony Banik (@banik)
on CodePen.


Author: Tony Banik @banik
Links: Source Code / Demo
Created on: May 14, 2018
Made with: HTML, CSS(SCSS)

85. Timeline UI Design

See the Pen
Timeline UI Design
by bberameric (@bbera)
on CodePen.


Author: bberameric @bbera
Links: Source Code / Demo
Created on: November 3, 2020
Made with: HTML, CSS(SCSS)

86. Timeline inspiration

See the Pen
Timeline inspiration (material design compatible, responsive)
by Natalia Davydova (@nat-davydova)
on CodePen.


Author: Natalia Davydova @nat-davydova
Links: Source Code / Demo
Created on: August 17, 2019
Made with: HTML(Pug), CSS(SCSS), JS(Babel)

87. CSS V-timeline w/ time intervals

See the Pen
CSS V-timeline w/ time intervals (by Frontend Tips)
by Andres (@Fahrek)
on CodePen.


Author: Andres @Fahrek
Links: Source Code / Demo
Created on: January 25, 2017
Made with: HTML(Pug), CSS(Sass)

88. Timeline

See the Pen
timeline
by Čenda Kovář (@cenda)
on CodePen.


Author: Čenda Kovář @cenda
Links: Source Code / Demo
Created on: March 13, 2017
Made with: HTML(Pug), CSS(Sass), JS(Babel)

89. CSS Timeline Horizontal

See the Pen
CSS Timeline Horizontal
by Jessyca (@jessyca27)
on CodePen.


Author: Jessyca @jessyca27
Links: Source Code / Demo
Created on: May 21, 2016
Made with: HTML, CSS

90. Timeline

See the Pen
Timeline
by No Mam (@Nomamnomam)
on CodePen.


Author: No Mam @Nomamnomam
Links: Source Code / Demo
Created on: November 14, 2016
Made with: HTML, CSS(SCSS)

91. UL timeline cards

See the Pen
UL timeline cards
by Mark Boots (@MarkBoots)
on CodePen.


Author: Mark Boots @MarkBoots
Links: Source Code / Demo
Created on: March 5, 2022
Made with: HTML, CSS

92. Timeline

See the Pen
Timeline | CodePen Challenge
by Håvard Brynjulfsen (@havardob)
on CodePen.


Author: Håvard Brynjulfsen @havardob
Links: Source Code / Demo
Created on: February 9, 2022
Made with: HTML, CSS (SCSS)

93. Timeline

See the Pen
Timeline
by radhika prajapati (@rprajapatii)
on CodePen.


Author: radhika prajapati @rprajapatii
Links: Source Code / Demo
Created on: July 6, 2016
Made with: HTML, CSS(SCSS), JS

94. Colorful Mario timeline

See the Pen
Colorful Mario timeline
by Temani Afif (@t_afif)
on CodePen.


Author: Temani Afif @t_afif
Links: Source Code / Demo
Created on: February  8, 2022
Made with: HTML, CSS

95. Timeline

See the Pen
Timeline
by Bruno Rodrigues (@itbruno)
on CodePen.


Author: Bruno Rodrigues @itbruno
Links: Source Code / Demo
Created on: January 11, 2015
Made with: HTML, CSS(SCSS), JS

96. Vertical Left and Right Timeline

See the Pen
Vertical Left and Right Timeline
by CP Lepage (@cplepage)
on CodePen.


Author: CP Lepage @cplepage
Links: Source Code / Demo
Created on: January 24, 2018
Made with: HTML(Pug), CSS(Sass)

97. TimeLine

See the Pen
CodePenChallenge__TimeLine
by Saloni Patel (@Shalupatel20)
on CodePen.


Author: Saloni Patel @Shalupatel20
Links: Source Code / Demo
Created on: February 8, 2022
Made with: HTML, CSS (SCSS)

98. CSS3 Timeline

See the Pen
CSS3 Timeline
by Krishna Babu (@krishnab)
on CodePen.


Author: Krishna Babu @krishnab
Links: Source Code / Demo
Created on: March 5, 2015
Made with: HTML, CSS

99. CSS timeline with curves

See the Pen
css-timeline-with-curves
by Jatin Sharma (@j471n)
on CodePen.


Author: Jatin Sharma @j471n
Links: Source Code / Demo
Created on: November 10, 2021
Made with: HTML, CSS

100. CSS Timeline

See the Pen
CSS Timeline
by Divyesh Kamalanaban (@Divyesh-K)
on CodePen.


Author: Divyesh Kamalanaban @Divyesh-K
Links: Source Code / Demo
Created on: November 8, 2021
Made with: HTML, CSS

101. Timeline

See the Pen
Timeline
by Chris Sundberg (@chriskevin)
on CodePen.


Author: Chris Sundberg @chriskevin
Links: Source Code / Demo
Created on: June 26, 2013
Made with: HTML, CSS(SCSS), JS

102. Super Simple Timeline

See the Pen
Super Simple Timeline
by HTML Codex (@htmlcodex)
on CodePen.


Author: HTML Codex @htmlcodex
Links: Source Code / Demo
Created on: June 26, 2020
Made with: HTML, CSS

103. Timeline Custom Counter with Gradient Border

See the Pen
Timeline Custom Counter with Gradient Border
by Lauren Chilcote (@letsbleachthis)
on CodePen.


Author: Lauren Chilcote @letsbleachthis
Links: Source Code / Demo
Created on: October 27, 2018
Made with: HTML, CSS (SCSS)

 

Digamber - Author positronX.io

Hi, I'm Digamber Singh, a New Delhi-based full-stack developer, tech author, and open-source contributor with 10+ years' experience in HTML, CSS, JavaScript, PHP, and WordPress.