9 Tailwind Sliders

About a code

Simple Image Slider

A simple image slider is used to display a bunch of images.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: alpine.js

Tailwind version: 3.0.18

About a code

Carousel

Use this Tailwind CSS carousel slider component from Flowbite to create a collection of images that can be navigated between using the control buttons and indicators.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: flowbite.js

Tailwind version: 3.0.18

About a code

Image Slider

Image slider/carousel with AlpineJS.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: alpine.js

Tailwind version: 2.2.4

About a code

Card Carousel

Card carousel using tailwind JIT mode and peer-* to control rotating images.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.2.4

About a code

Fully Interactive Frames Slider

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: alpine.js

Tailwind version: 2.0.3

About a code

Onboarding Slider

AlpineJS touch swipe onboarding welcome slider.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: alpine.js

Tailwind version: 2.0.2

About a code

Carousel Slider with TailwindCSS and jQuery

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: jquery.js

Tailwind version: 1.2.0

About a code

Carousel with Only Tailwind CSS + Alpine.js

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 1.2.0

About a code

Stripe Carousel Clone

A clone of the carousel as seen on the Stripe website.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 1.0.4