Range slider

Forked from @alok/range-slider

Range slider with upper limit and lower limit.

This tailwind example is contributed by Alok, on 19-Sep-2022. Component is made with Tailwind v3.4.

Input Range Slider

Author Alok

Tailwind v3.4 13.1k 10

Fork Fullscreen

Related Examples

Range Slider

Alok

4 years ago

14.6k
Simple range slider

Nour Haider

3 years ago

16.4k
Range Slider
Also, shows the current value of the slider while it is being slid

Nikolai

2 years ago

7.6k
pricing slider with Tailwind CSS and Alpinejs

Michael Andreuzza

2 years ago

3.2k
Multi Range Slider
Adjust the sliders to set your preferred price range. The left slider sets the minimum price, and the right slider sets the maximum price. The selected range is displayed below the sliders in real-time, allowing you to easily filter products within your budget.

SHARIFUL ISLAM

1 year ago

2.6k
test2

SHAHAD EIDAH ALHAERTHI

2 years ago

2.2k
Contact us form
Contact us form

Geoffrey Callaghan

2 years ago

7.5k
Product Form - Reverie

S V

1 year ago

1.1k
todo list with Tailwind CSS and Alpinejs

Michael Andreuzza

2 years ago

2.3k
Image input with preview
Show you a preview of the selected image.

Prajwal Hallale

3 years ago

27.9k
Search input with Tailwind CSS and Alpinejs
How to create a search input with Tailwind CSS and Alpinejs

Michael Andreuzza

2 years ago

4.2k
Material 3 Checkboxes [Light]
Checkboxes that conform to Google's Material 3 design guidelines

Nick Girga

1 year ago

993

Browse by topic

Explore components by Tags

Jump straight to the UI pattern you need.

Footer Header Card Article Avatar FAQ Banner Blog Breadcrumb Button Call to Action Form Carousel Contact us Error page Feature Gallery Hero Input Spinner Login Modal Pagination Pricing Profile

Can't find it?

Didn't find the component you were looking for?

Search across 3,000+ community-built components and grab the code in seconds.