Slider Range Shear

ui

Dual-handle range slider whose selected span is a taut band of material: it visibly shears under drag velocity while the far handle stays planted, then snaps flat with a slight overshoot on release.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/slider-range-shear.json"

Sign In

Slider Range Shear

ui

Dual-handle range slider whose selected span is a taut band of material: it visibly shears under drag velocity while the far handle stays planted, then snaps flat with a slight overshoot on release.

pnpm dlx shadcn@latest add "https://design.helpmarq.com/r/slider-range-shear.json"

components/ui/slider-range-shear.tsx