7+ Tailwind CSS Range Slider Components

Begin using the range component to enable users to select a number between 1 and 100 by horizontally sliding the form control. Explore its multiple options for seamless interaction.

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
Soft UI Dashboard Pro Tailwind CSS image

Soft UI Dashboard Pro Tailwind CSS

Creative Tim Premium

$59

The most complex and innovative Tailwind CSS Dashboard Made by Creative Tim. Check our latest Premium Tailwind CSS admin template.

Creative Tim UI

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

tailwind Updated Date Range Picker with Tailwind and Alpine JS
geechartier
Updated Date Range Picker with Tailwind and Alpine JS geechartier
2.2
9
tailwind Date Range Picker with Tailwind and Alpine JS
geechartier
Date Range Picker with Tailwind and Alpine JS geechartier
2.2
9
tailwind Tailwind CSS Multi Range Slider with Alpine.js
zoparga
Tailwind CSS Multi Range Slider with Alpine.js zoparga

Forked

3.3
8
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 Custom input range
Astro_Corp
Custom input range Astro_Corp
3.3
7
tailwind Range
TonyCampa
Range TonyCampa
3.3
2