Animated Number Input Components

Dev Design Library indexes 13 Animated number input components from 11 open-source UI libraries, with the most coming from Arc Library, UI Lab, ZAYX, Spectrum UI and Kokonut UI. Each one links to its page with the source code, a live preview where available, the library license and the install command. These are the number input components tagged as animated: motion on hover, on scroll or on load, usually built with CSS transitions or Framer Motion. Number input components belong to the Inputs group.

• Scrub FieldReact Bits · ReactNumber chip you drag to scrub: the value follows the hand, pushes past the range on a rubber band, and a click without…
• Team SelectorKokonut UI · ReactSeat picker with a scrubbable number, generated avatars and an optional rolling price line.
• Quantity StepperSpectrum UI · ReactAn animated quantity input for carts and forms with rolling digits, hold-to-repeat acceleration, and a boundary shake
• Quantity StepperKinetics · HTML/CSSValue pops on each change; clamps at zero
• Money inputArc Library · ReactA currency field with live grouping, stable width, rolling digits, and minor-unit output.
• Number StepperUI Lab · ReactRolls each digit the way the count moves, and speeds up the longer you hold.
• Number inputCojeev UI · ReactA number field with readable formatting, a native editing caret and expressive stepping.
• Scrub Number FieldMicroKit · ReactA number field you drag to scrub and click to type, with a ruler that tracks the gesture.
• Currency SwitchZAYX · React Native
• Glass StepperOpaline · ReactCapsule stepper with rolling digits, hold-to-accelerate and a shake at the limits.
• Currency InputReactFrame · ReactA money input with a currency picker: live thousands separators for any locale, the right number of decimals per…
• Number fieldArc Library · ReactEnter a bounded number with clear increment controls.
• Tally CounterUI Lab · ReactCounts in hand-drawn tally marks, one pen stroke at a time.

Libraries with Animated number input components

• Arc Library
• UI Lab
• ZAYX
• Spectrum UI
• Kokonut UI

Related categories

• Number Input Components
• React Number Input Components
• Tailwind CSS Number Input Components
• Animated Input Components
• Animated Text Input Components
• Animated Select Components
• Animated Slider Components
• Animated Switch Components
• Animated Form Components
• Animated Textarea Components
• Animated Search Input Components
• Animated Checkbox Components
• Animated Segmented Control Components
• Animated Form Field Components
• Animated Rating Components
• Animated File Upload Components
• Animated Range Slider Components
• Animated Wheel Picker Components
• Animated Knob Components