How to create a horizontal timeline

Hi everyone,

I’m working on a project where I’d like to create a timeline similar to the one found on this site: Musical EmpowermentHistory.

The timeline displays historical events with a brief description, and users can navigate through it using left and right arrows.

I’m wondering if anyone has suggestions on the best approach—whether it’s better to build this from scratch or if there’s a pre-built library that would make things easier. Any advice or tips would be greatly appreciated!

Thanks in advance!

@web-based You can do this in two ways. One way is to use a flexbox layout with overflow-x: auto for a simple horizontal scroll. The other way is to use a slider for more interactive functionality. For the slider, you can use libraries like SwiperJS or Slick Carousel by adding their CDN links. Choose the option based on the level of interactivity you need.