Playful UI
GitHub
Toggle theme
Slider
A growing collection of 17 slider components built with React and Tailwind CSS.
npx shadcn@latest add https://playful.ui.mustaquenadim.com/r/slider.json
Default
Simple slider
Disabled slider
Slider with square thumb
Slider with solid thumb
Slider with tiny thumb
Slider with reference labels
5 GB
20 GB
35 GB
Slider with ticks
0
1
2
3
4
5
6
7
8
9
10
11
12
Slider with output
25
Slider with labels
Low
High
Dual range slider
Dual range slider with output
25 - 75
Volume
25
Rate your experience
Okay
😡
😍
100 credits/mo
From $5 to $1,240+
Go
Vertical slider