Carousels – 8 Free CSS, Bootstrap & Tailwind Sets
Carousels is a pack of eight sets of carousels and content sliders, designed and maintained in-house by uiCookies, and none of them needs a slider library. Every set comes in three versions that look the same: plain CSS on a scroll-snap track with a few lines of vanilla JavaScript for the buttons, Bootstrap 5 using the native .carousel component wherever one slide at a time fits, and Tailwind CSS 4. The sets cover hero slides, product and card rows, testimonials, logo marquees, thumbnail galleries, autoplay with progress bars, a dark set and a set that needs no JavaScript at all.
A good carousel still works when its script does not: the slides should swipe and scroll on their own, and the buttons are an extra. It tells assistive technology what it is, with a labelled region, aria-roledescription="carousel" and slides announced as 2 of 5, and every arrow and dot is a button with a name. It does not rotate on its own unless there is a visible pause button, it stops while someone is hovering over it or tabbing through it, and it stays still for people who have asked their system for reduced motion. Finally, it shows that there is more, with a peek, a counter or dots, because a slide that nobody knows is there is a slide nobody sees.
