Simple range slider
This tailwind example is contributed by Nour Haider, on 11-Jun-2023. Component is made with Tailwind CSS v3. It is responsive.
Author Nour Haider
Related Examples
-
2 years ago13.3k -
Range sliderRange slider with upper limit and lower limit.
2 years ago11.4k -
Range SliderAlso, shows the current value of the slider while it is being slid
1 year ago5.2k -
Onhover DropdownOpen dropdown on hover
2 years ago17.2k -
Upvote downvote buttons [alpine]
upvote and downvote buttons made as working version in alpine.js
1 year ago7.8k -
-
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.
3 months ago805 -
Next-Gen Hero Section – Tailwind CSS ComponentA stunning, futuristic Hero Section built with Tailwind CSS, designed to capture user attention with glowing animations, smooth gradients, and bold typography. Perfect for modern web apps, education platforms like EduForce, landing pages, or portfolios. This component is responsive, interactive, and visually unique — not commonly found in typical UI libraries.
2 weeks ago184 -
Serious Input HtmlInput text serious like apple or smth
1 year ago1.6k -
Cart with alpinejs and tailwind cssHow to add items to your cart with Tailwind CSS and Alpinejs
1 year ago2.6k -
1 year ago2.4k -
3D Animation Studio3D animation is the process of creating three-dimensional products, objects, backgrounds, etc., and setting them in motion within a digital environment. It's commonly used for the web, social media marketing, product design, film, cartoons, commercials, and video games.
2 weeks ago188
Explore components by Tags
Didn't find component you were looking for?
Search from 2400+ components
