Glass Slider

Range sliders with glass tracks, glowing colored fills, and spring-animated thumbs that scale on drag.

Inputs & ControlsGlassInteractive

Display

Brightness72
Contrast45
Warmth60
Saturation55

Add to your project

One command adds this component to your project.

1

Run the following command:

npx shadcn@latest add "https://aicanvas.me/r/glass-slider.json"
2

For dark mode, add the dark class to your <html> element:

Optional
<html class="dark">

More like this