- Home
-
Responsive Image Carousel with Alpine.js
Responsive Image Carousel with Alpine.js
This component is a fully responsive image carousel/slider that displays:
1 slide at a time on mobile devices (screen width < 768px)
3 slides at a time on desktop (screen width ≥ 768px)
This tailwind example is contributed by Juraj, on 16-May-2025. Component is made with Tailwind CSS v3. It is responsive.
Author Juraj
Related Examples
-
How to create a carousel with Tailwind CSS and Alpinejs
How to create a carousel with Tailwind CSS and Alpinejs
1 year ago3.6k -
Hero Slider with Alpine.js
This responsive hero slider features full-screen image backgrounds with elegant text overlays and smooth transitions.
4 months ago1.2k -
Simple Multi-Purpose Slider
This is a very minimalistic though very usable slider for various situations like CTA's, quotes or other uncomplicated content. I only used Tailwindcss which makes it very lightweight, but due to limitations it's not as flexible as I wished for. This could be easily achieved by a little piece of JS to make it as dynamic as you wish.
10 months ago1.8k -
Tailwind image slider
slider with navigation buttons and info about image
1 year ago20.1k -
1 year ago2.5k
-
8 months ago2.2k
-
ArtoGallery
Explore a curated selection of contemporary and classic artwork, connecting collectors and creators in an inspiring online space.
4 months ago568 -
Nice and simple carousel
Nice and simple carousel, fully responsive.
1 year ago3.3k -
5 months ago1.3k
-
Slider
Responsive slider
8 months ago1.9k -
8 months ago5.2k
-
7 months ago1.7k
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components