Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.

Chakra UI

Carbon is IBM’s open-source design system for products and experiences. 

Carbon Design System

You may find the Number Input in several presentations, either as an Input, or a Label with increment and decrement buttons next to it. This component requires that the user less effort than selecting the input field, tapping the digit “2” on the keypad, and hitting Enter or dismissing the keyboard. For example, to increase the number of guests from 1 to 2 in a form, the user only needs one tap on the plus button.

Design faster with Wedges. The free, ever-expanding design system for Figma.

Wedges

Help designers/developers building beautiful products more flexible and working with happiness.

Ant Design

Design UI interfaces and simplify the process of integrating into live websites with Tailwind CSS using this professional Figma design system featuring 1000+ component variants, responsive pages, dark mode, and auto-layout.

Flowbite

Number Input

defaultValue

Changes the size of the input, giving it more or less padding.

size

Specify how much the value should increase / decrease upon clicking on up / down button

step

How many decimal places the value should be rounded to.

precision

Disables the component, disallowing user interaction.

isDisabled

Whether the input can be selected but not changed by the user.

isReadOnly

Whether the component should take up the full width of its container.

isFullWidth

Called every time the input value changes.

onChange

Build fully functional accessible web applications faster than ever – Mantine includes more than 100 customizable components and 50 hooks to cover you in any situation.

Mantine

Material UI is beautiful by design and features a suite of customization options that make it easy to implement your own custom design system.

Material UI

Blueprint is an open source project developed at Palantir. A react - based UI toolkit for the web.

Blueprint

The Elastic UI framework (EUI) is a design library in use at Elastic to build internal products that need to share our aesthetics. It distributes UI React components and static assets for use in building web layouts.

Elastic UI

A collection of UX frameworks you can use to build Fluent experiences that fit seamlessly into a broad range of Microsoft products.

Fluent 2

We chose to open-source it to allow the community to design and build their own projects with Primer.