15+ Tailwind CSS Slider Components

The Tailwind CSS Slider is used to create a draggable control for selecting values within a range. See below our collection of Slider components that you can add directly to your Tailwind UI project.

All Accordions Alerts Alpinejs Avatars Badges Banner Blockquote Bottom Navigation Breadcrumb Button Group Buttons Calendar Cards Carousel Charts Chat Checkbox Chip Collapse Cursor Dashboard Datepicker Device Mockups Drawer Dropdowns Faq Features File Upload Floating Label Footers Forms Gallery Grid Headers Headings Hr Icons Images Indicators Inputs Jumbotron Kbd Kit Layout Links List Logins Masonry Mega Menu Menu Modals Music Player Navbars Navigations Number Input Pages Pagination Paragraphs Popover Pricing Progress Radio Button Range Slider Rating Scrollbar Search bar Selects Shadows Sidebar Skeleton Slider Speed dial Spinner Stepper Switch Tables Tabs Testimonials Text Textarea Timeline Toast Toggle Tooltip Typography Video Widget
Material Tailwind Dashboard React image

Material Tailwind Dashboard React

Creative Tim Premium

$0

Material Tailwind Dashboard React is our newest free Material Tailwind Admin Template based on Tailwind CSS and React.

Creative Tim UI

Integrate them in v0, Loveble, Claude or in your projects.

tailwind Tailwind CSS Multi Range Slider with Alpine.js
zoparga
Tailwind CSS Multi Range Slider with Alpine.js zoparga

Forked

3.3
8
tailwind Tailwind CSS Onboarding Slider
Scott Windon
Tailwind CSS Onboarding Slider Scott Windon
3.3
43
tailwind Multi Range Slider with Alpine.js
t7team
Multi Range Slider with Alpine.js t7team
3.3
10
tailwind Tailwind CSS Range slider
haynajjar
Tailwind CSS Range slider haynajjar
3.3
13
tailwind Carousel Slider with TailwindCSS and jQuery
Axel
Carousel Slider with TailwindCSS and jQuery Axel
3.3
17