shadcnblocks

With Reset Button.

With Live Preview.

Basic Range Slider.

Price Range Slider.

Range with Value Display.

Range with Constraints.

Percentage Range.

Volume Control.

Brightness Control.

Temperature Control.

Speed Control.

Simple Slider.

Slider with Label.

Slider with Value Display.

Slider with Min/Max Labels.

Slider with Step Indicators.

Colored Slider.

With Tooltip.

Large/Thick Slider.

Minimal Style.

With Gradient Track.

Volume Control Style.

Height Selector.

Vertical with Labels.

Vertical Range.

Vertical with Indicators.

A button whose label slides out and a hover label slides in from up, left, or right.

Full install snippet with stable and preview tabs plus dynamic copy button.

Snippet with value and onValueChange controlled by external buttons.

Snippet with SnippetCopyButton in the header for clipboard copy.

SnippetHeader with a label, tab trigger, and copy button in a custom layout.

Snippet with one tab showing a package install command in a code block.

Snippet with TypeScript, JavaScript, and Python language tabs.

Apple social button — default style.

Apple social button — full style.

Apple social button — icon style.

Apple social button — outline style.

Apple social button — secondary-outline style.

Apple social button — sm style.

Discord social button — default style.

Discord social button — full style.

Discord social button — icon style.

Discord social button — outline style.

Discord social button — secondary-outline style.

Discord social button — sm style.

Facebook social button — default style.

Facebook social button — full style.

Facebook social button — icon style.