Sliders

A growing collection of 27 sliders components built with Svelte and Tailwind CSS.

Simple slider

Disabled slider

Slider with square thumb

Slider with solid thumb

Slider with tiny thumb

Slider with reference labels

Slider with ticks

Slider with output 25

Slider with labels

Slider with labels and tooltip

Dual range slider

Dual range slider with output 25 - 75

Volume 25

Slider with multiple thumbs

Temperature

Slider with input

Rate your experience Okay

😡 😍

Rate your experience

😐

Dual range slider with input

100 credits/mo

From $5 to $1,240+

Vertical slider

Vertical slider with input

Vertical dual range slider and tooltip

Object position

Price slider

Min price

Max price

Equalizer

250

16K

Discover/Contribute

Explore the original Origin UI or contribute by suggesting new components and improvements.