React Price Range Slider

Slider - Range pattern component

Looking to implement shadcn/ui patterns?

Join our Discord community for help from other developers.

Price Range

$200$800

Loading preview...

Pattern created by @haydenbleasel

Installation

npx shadcn@latest add https://www.shadcn.io/registry/slider-range-2.json

npx shadcn@latest add https://www.shadcn.io/registry/slider-range-2.json

pnpm dlx shadcn@latest add https://www.shadcn.io/registry/slider-range-2.json

bunx shadcn@latest add https://www.shadcn.io/registry/slider-range-2.json

React Basic Range Slider

Slider - Range pattern component

React Slider - Range with Value Display

Slider - Range pattern component