- Home
-
Simple Animated Carousel
Simple Animated Carousel
A simple, animated 2:1 carousel with touch swipe support, based on perky98/Juraj's carousel.
This tailwind example is contributed by Nick Girga, on 27-Apr-2025. Component is made with Tailwind CSS v3. It is responsive. It supports dark mode.
Author Nick Girga
Related Examples
-
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 -
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)
4 months ago974 -
How to create a carousel with Tailwind CSS and Alpinejs
How to create a carousel with Tailwind CSS and Alpinejs
1 year ago3.6k -
8 months ago2.2k
-
1 year ago6.5k
-
Image carousel
Uses Flowbite
2 years ago30k -
1 year ago2.4k
-
Hero Section
Responsive Hero Section for you Project Background Image: A stunning, high-quality Unsplash photo that creates a unique visual impact. Overlay: Semi-transparent black overlay with blur effect for readability and a modern aesthetic. Content Area: Centered with a gradient background overlay for contrast, bold headline, engaging subtext. Buttons: Vibrant gradient and clean border with smooth hover animations to draw attention. Responsive Design: Looks great on all screen sizes with adaptable padding and font sizes.
3 months ago772 -
Carousel with Tailwind CSS and Alpine.js
Simple card Carousel
3 years ago30.9k -
Image carousel
Uses Flowbite
9 months ago2.1k -
Slider
Responsive slider
7 months ago1.9k -
responsive slider carousel
slider carousel
8 months ago2.1k
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components