Skip to main content

40+ Creative Timeline Design Ideas

Creative-Timeline-Design-Ideas-rustcode



1. Fluid Vertical Timeline

See the Pen Fluid Vertical Timeline by Alex Grant (@localnerve) on CodePen.





2. Shipping Timeline Component

See the Pen Timeline Component by aytug-tncr (@aytug-tncr) on CodePen.





3. Adaptive timeline for Bootstrap

See the Pen Adaptive timeline for Bootstrap by Ernesto G (@insanefox) on CodePen.



4. Timeline following the scroll of the page

See the Pen Timeline following the scroll of the page by Kenneth Aamås (@knekk) on CodePen.



5. SCROLLING TIMELINE

See the Pen SCROLLING TIMELINE by Shane Clarke (@shane-clarke) on CodePen.



6. Timeline View

See the Pen Timeline View - CSS by Sushmita Pandey (@sushmita094) on CodePen.



7. Cursive Border Timeline Design

See the Pen Cursive Border Timeline Design by Gaurav Gajjar (@gauravgajjar) on CodePen.



8. Simple Vertical Timeline

See the Pen Simple Vertical Timeline by RslnMtvv (@RslnMtvv) on CodePen.



9. Timeline Devexpress

See the Pen Timeline Devexpress by Vladimir (@ito_root) on CodePen.



10. Timeline UI Design

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



11. Timeline Use Layout Effect

See the Pen Timeline useLayoutEffect Hook by Paul GOV (@karlikpj) on CodePen.



12. Minimal Timeline

See the Pen Minimal Timeline by Joe Bocock (@joebocock) on CodePen.



13. Responsive Vertical Timeline



14. Super Simple Timeline

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



15. Vertical Timeline

See the Pen CSS3 Vertical Timeline by HTML Codex (@htmlcodex) on CodePen.



16. Timeline

See the Pen Timeline by Flo (@flowe) on CodePen.



17. Timeline Verticle

See the Pen Timeline by Flo (@flowe) on CodePen.



18. Working Day Timeline

See the Pen Timeline by Christophe67 (@AgnusDei) on CodePen.



19. Timeline Concept

See the Pen CSS Timeline by Btolara (@btolara) on CodePen.



20. Timeline Design

See the Pen Timeline Design 1 by Ishan Bagchi (@0ishan0) on CodePen.



21. Cool Timeline

See the Pen Timeline by Sampath Paravasthu (@SampathParavasthu) on CodePen.



22. Bootstrap Timeline

See the Pen Bootstrap 4 Timeline by Themesberg (@themesberg) on CodePen.



23. Basic timeline animation

See the Pen Basic timeline animation by Yoann (@yoann-b) on CodePen.



24. Gradient Timeline

See the Pen Gradient Timeline by Gabriel Toledo (@gatoledo1) on CodePen.



25. CSS Timeline

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



26. Knowledge Resume Timeline

See the Pen Knowledge Resume by Genesis Gabiola (@genesisgabiola) on CodePen.



27. OU-Timeline

See the Pen OU-Timeline by Jakub Koubek (@Jaykob) on CodePen.



29. Responsive Timeline

See the Pen Responsive Timeline by Nharox (@Nharox) on CodePen.



30. Flexbox Horizontal Timeline



31. Notification Timeline

See the Pen #100DaysofCSS Day 7 by August (@augs0) on CodePen.



32. Timeline using Flexbox

See the Pen Responsive Timeline using Flexbox by Prasad D. (@prasad-d) on CodePen.



33. Vertical Timeline

See the Pen Vertical Timeline - Responsive by Adrián Villamayor (@adrianvillamayor) on CodePen.



34. Materialize Timeline

See the Pen Materialize - Timeline by Jay Holtslander (@j_holtslander) on CodePen.



35. Responsive education timeline

See the Pen Responsive education timeline by Eugene Robb (@eugene-robb) on CodePen.



36. Timeline Simplifed



37. Timeline Week 2/52

See the Pen timeline — week 2/52 by Mert Cukuren (@knyttneve) on CodePen.



38. Timeline [bootstrap 4]

See the Pen Timeline [bootstrap 4] by DariyGRAY (@DariyGRAY) on CodePen.



39. Timeline by viethoang

See the Pen Timeline by viethoang (@viethoang012) on CodePen.



40. vue-simple-timeline

See the Pen vue-simple-timeline by isanbitoy (@isanbitoy) on CodePen.



41. Vertical Notifications Timeline



RELATED POST:

Comments