React Bits

Scrub Field

Number chip you drag to scrub, with rubber-band limits and click to type.

Scrub Field, a React Bits component

Use Scrub Field in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/ScrubField-TS-TW
How to install React Bits components

Related components

  • Comet Dial

    Tick-ring dial you flick by angle, with a comet that streaks behind the lit head.

  • Squish Switch

    Switch whose thumb stretches with speed and squashes against the end when you flick it.

  • Code Slots

    One-time code input whose digits spring into their slots, with paste and SMS autofill.