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 CSS v3.
Author Alok
Related Examples
-
3 years ago13.8k -
2 years ago15.4k -
Range SliderAlso, shows the current value of the slider while it is being slid
1 year ago6.2k -
-
Multi Range SliderAdjust 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.
8 months ago1.5k -
macOS Style Webpage – macOS Design in the BrowserA simple webpage inspired by the macOS interface. It recreates the clean design, dock, and desktop look of macOS using only HTML, tailwind CSS, and JavaScript. This project focuses on front-end styling and layout to bring the visual feel of macOS to the web — not a full simulation, just the look and vibe.
1 week ago167 -
1 year ago1.6k -
![Material 3 Text Fields [Light]](https://tailwindflex.com/storage/thumbnails/material-3-text-fields-light/canvas.min.webp?v=3)
Material 3 Text Fields [Light]Text fields that conform to Google's Material 3 design guidelines. Can be used for single-line text fields as well as textareas.
5 months ago701 -
Elegant SwitchesUseful Tailwind classes for creating several types of basic switches.
6 months ago404 -
3 years ago11k -
1 month ago45 -
1 year ago7.1k
Explore components by Tags
Didn't find component you were looking for?
Search from 3000+ components
