Slider Loupe

ui

Slider read through a circular magnifying loupe riding the thumb: the tick beneath sits sharp at 1.8x inside the lens while the rest of the scale rests soft-focus; rubber-banding past the bounds wobbles the magnification on release.

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

Sign In

Slider Loupe

ui

Slider read through a circular magnifying loupe riding the thumb: the tick beneath sits sharp at 1.8x inside the lens while the rest of the scale rests soft-focus; rubber-banding past the bounds wobbles the magnification on release.

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

components/ui/slider-loupe.tsx