piruicy
The collection

Slider

after Apple

An iOS 26-style slider: press and the thumb turns to glass; pull past an end and the track stretches.

npx shadcn@latest add https://piruicy.com/r/slider.json

Details

  • A 36×24 thumb that becomes a 1.52×1.42 lens under the finger.
  • Past either end it rubber-bands up to 14px, and the track stretches with it (0.75 near, 0.28 far).
  • Held, the lens trails the finger (k 900); let go, it springs home (k 360), critically damped.
  • Arrow keys step 5%, Page Up/Down 10%, Home and End jump to the ends.

© 2026 Dhaval Khandhadia. Use it in anything you build; don’t resell it. MIT with the Commons Clause.