How many slider snippets are available?

This page lists 17 curated examples. New community Tailwind components are added regularly.

Can I use snippets commercially?

Yes — all snippets are MIT licensed for personal and commercial projects without attribution.

Looking for Tailwind versions?

See Tailwind components tagged "slider" at /tailwind/tag/slider.

#slider — 17 Free Code Snippets

#Bootstrap-4#card+2

Cool card carousel Bootstrap 5 example

Cool card carousel Bootstrap 5 example — a free Bootstrap 5 card snippet. Copy the HTML, CSS & JS and paste straight into your Bootstrap 5 project.

13.6kView snippet

#Bootstrap-5#carousel+2

Bootstrap 5 carousel with multiple cards

Free Bootstrap 5 carousel snippet — Bootstrap 5 carousel with multiple cards. Preview, copy HTML, CSS & JS, drop it into any Bootstrap 5 project.

45.5kView snippet

#parallax#slider+1

Responsive Parallax Drag-slider With Transparent Letters…

Add a carousel to your UI with Responsive Parallax Drag-slider With Transparent Letters…. Free Bootstrap 5 code — HTML, CSS & JS ready to copy, MIT licensed.

2.3kView snippet

#images#gallery+1

Image gallery with horizontal slider

Image gallery with horizontal slider: a hand-crafted, open-source Bootstrap 5 carousel. HTML, CSS & JS included, ready to copy.

2.2kView snippet

#signup#login+3

Slide Sign In Form / Slide Sign Up Form

Slide Sign In Form / Slide Sign Up Form: a hand-crafted, open-source Bootstrap 5 form. HTML, CSS & JS included, ready to copy.

1.9kView snippet

#images#grid+2

Image grid with image Popup slide show

Free Bootstrap 5 modal snippet — Image grid with image Popup slide show. Preview, copy HTML, CSS & JS, drop it into any Bootstrap 5 project.

4.8kView snippet

#images#slider+2

Image slider with multiple controls and mobile swipe…

Image slider with multiple controls and mobile swipe…: a hand-crafted, open-source Bootstrap 5 carousel. HTML, CSS & JS included, ready to copy.

7.0kView snippet

#slider#tabs+1

Sliding tabs | CSS transitions only

Sliding tabs | CSS transitions only — a free Bootstrap 5 carousel snippet. Copy the HTML & CSS and paste straight into your Bootstrap 5 project.

12.8kView snippet

#slider#rating+1

Pure CSS Emoji Star Rating Widget snippet

Add a carousel to your UI with Pure CSS Emoji Star Rating Widget snippet. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.

4.3kView snippet