shadcn/ui Slider Components

Dev Design Library indexes 14 shadcn/ui slider components from 8 open-source UI libraries, with the most coming from audiocn, Shadcn Space, Spectrum UI, sv-table and Cojeev UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. They follow the shadcn/ui conventions, so most install with the shadcn CLI and drop into a Tailwind project. Slider components belong to the Inputs group.

• color-sliderIntent UI · Reactcolor-slider
• Sales CTA FooterSpectrum UI · ReactA seat slider that prices a tier live, beside the link grid.
• Slider 01 - Volume ControlShadcn Space · ReactVolume control slider with volume icons and smooth fill animation.
• Channel Stripaudiocn · ReactOne channel of a mixer: header, status, meter, fader, value, controls and a notice, as a row or a console strip. The…
• Number Range Filtersv-table · SvelteA number range picker with exact inputs, an optional slider, and explicit apply behavior.
• Preferenceglasscn · ReactA weighted preference bar with icon badges, hover tinting, and tooltip descriptions.
• SliderCojeev UI · ReactAdjusts one or more numeric values by moving labeled thumbs along a track.
• Usage SliderFLX UI · ReactUsage Slider for Select a Plan.
• Slider 03 - Temperature ControlShadcn Space · ReactTemperature control slider with cool/comfortable/warm zones, color-coded display, and hover preview.
• Faderaudiocn · ReactA volume fader in decibels: linear or console taper, detents, a scale, reset, an editable value, silence at the…
• Slider 04 - Modern VolumeShadcn Space · ReactA sleek volume slider featuring a bold track design, custom vertical thumb, and smooth percentage transitions with…
• Mixeraudiocn · ReactThe container for channel strips: shared meter settings, keyboard navigation between strips, a master area and an…
• Slider 05 - Price Range FilterShadcn Space · ReactA dual-thumb price range filter slider with a hover ghost preview — hover outside the selected range to see a…
• System Audio Mixeraudiocn · ReactThe complete mixer: microphone, system audio, music and sound pads with meters, faders, mute, solo, monitor and…

Libraries with shadcn/ui slider components

• audiocn
• Shadcn Space
• Spectrum UI
• sv-table
• Cojeev UI

Related categories

• Slider Components
• React Slider Components
• Tailwind CSS Slider Components
• Animated Slider Components
• shadcn/ui Input Components
• shadcn/ui Form Components
• shadcn/ui Select Components
• shadcn/ui Text Input Components
• shadcn/ui Form Field Components
• shadcn/ui Switch Components
• shadcn/ui Textarea Components
• shadcn/ui Checkbox Components
• shadcn/ui OTP Input Components
• shadcn/ui Combobox Components
• shadcn/ui Date Picker Components
• shadcn/ui Radio Components
• shadcn/ui Login Form Components
• shadcn/ui Search Input Components
• shadcn/ui File Upload Components
• shadcn/ui Signup Form Components