35 Best React Validated/Masked Input Libraries
Curated by the Openbase team and community.Learn more
Curated by the Openbase team and community. Learn more
react-number-format
React component to format numbers in an input or as a text.
License: MIT
TypeScript Definitions: Built-In
User Rating
5.0/ 5
2
GitHub Stars
3K
Weekly Downloads
458K
Last Commit
10d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
react-code-input
React component for entering and validating PIN code.
License: MIT
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1Top Feedback
GitHub Stars
223
Weekly Downloads
22K
Last Commit
3mo ago
Bundle Size (min+gzip)
3.34KB
Not Tree-Shakeable
cleave.js
Format input text content when you are typing...
License: Apache-2.0
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
7GitHub Stars
17K
Weekly Downloads
157K
Last Commit
1y ago
Bundle Size (min+gzip)
6.00KB
Tree-Shakeable
react-maskedinput
Masked <input/> React component
License: MIT
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1Top Feedback
GitHub Stars
708
Weekly Downloads
23K
Last Commit
1y ago
Bundle Size (min+gzip)
3.93KB
Tree-Shakeable
@chakra-ui/number-input
⚡️ Simple, Modular & Accessible UI Components for your React Applications
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
19K
Weekly Downloads
107K
Last Commit
9d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
@chakra-ui/pin-input
⚡️ Simple, Modular & Accessible UI Components for your React Applications
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
19K
Weekly Downloads
106K
Last Commit
9d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
@react-spectrum/numberfield
A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.
License: Apache-2.0
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
5K
Weekly Downloads
1K
Last Commit
2d ago
Bundle Size (min+gzip)
5.84KB
Tree-Shakeable
react-currency-input-field
React component for an input field
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
150
Weekly Downloads
17K
Last Commit
16d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
react-input-mask
Input masking component for React. Made with attention to UX.
License: MIT
TypeScript Definitions: DefinitelyTyped
User Rating
1.0/ 5
1Top Feedback
GitHub Stars
2K
Weekly Downloads
342K
Last Commit
1y ago
Bundle Size (min+gzip)
4.34KB
Not Tree-Shakeable
@syncfusion/ej2-react-inputs
Syncfusion React UI components library offer more than 50+ cross-browser, responsive, and lightweight react UI controls for building modern web applications.
License: Unknown
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
179
Weekly Downloads
3K
Last Commit
5d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
input-core
Mask input with simple API and rich customization
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
35
Weekly Downloads
10K
Last Commit
22d ago
Bundle Size (min+gzip)
1.87KB
Not Tree-Shakeable
react-maskinput
Mask input with simple API and rich customization
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
35
Weekly Downloads
8K
Last Commit
22d ago
Bundle Size (min+gzip)
3.10KB
Not Tree-Shakeable
react-imask
vanilla javascript input mask
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
GitHub Stars
3K
Weekly Downloads
25K
Last Commit
4mo ago
Bundle Size (min+gzip)
15.6KB
Tree-Shakeable
rifm
React Input Format & Mask, tiny (≈800b) component to transform any input component into formatted or masked input. Supports number, date, phone, currency, credit card, etc
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
1K
Weekly Downloads
707K
Last Commit
1y ago
Bundle Size (min+gzip)
0.84KB
Tree-Shakeable
@progress/kendo-react-inputs
Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/
License: Unknown
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
83
Weekly Downloads
38K
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
react-text-mask
Input mask for React, Angular, Ember, Vue, & plain JavaScript
License: Unlicense
TypeScript Definitions: DefinitelyTyped
User Rating
N/ATop Feedback
GitHub Stars
8K
Weekly Downloads
320K
Last Commit
6mo ago
Bundle Size (min+gzip)
4.48KB
Not Tree-Shakeable
react-phone-number-input
Telephone number input React component
License: MIT
TypeScript Definitions: DefinitelyTyped
User Rating
N/ATop Feedback
GitHub Stars
0
Weekly Downloads
139K
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Tree-Shakeable
antd-mask-input
Ant Design Mask Input
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
44
Weekly Downloads
7K
Last Commit
3mo ago
Bundle Size (min+gzip)
3.42KB
Tree-Shakeable
react-telephone-input
React component for entering and validating international telephone numbers
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
256
Weekly Downloads
13K
Last Commit
7mo ago
Bundle Size (min+gzip)
15.2KB
Tree-Shakeable
react-masked-field
A masked input component built in React
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
18
Weekly Downloads
5K
Last Commit
1y ago
Bundle Size (min+gzip)
2.55KB
Tree-Shakeable
redux-form-input-masks
Input masking with redux-form made easy
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
134
Weekly Downloads
9K
Last Commit
2y ago
Bundle Size (min+gzip)
2.88KB
Not Tree-Shakeable
react-payment-inputs
A zero-dependency React Hook & Container to help with payment card input fields.
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
8K
Last Commit
N/A
Bundle Size (min+gzip)
5.29KB
Tree-Shakeable
@idui/react-inputs
React Input Component
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
44
Last Commit
5mo ago
Bundle Size (min+gzip)
47.3KB
Not Tree-Shakeable
react-numpad
A numpad for number, date and time, built with and for React.
License: ISC
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
119
Weekly Downloads
488
Last Commit
7mo ago
Bundle Size (min+gzip)
136.5KB
Not Tree-Shakeable
react-text-mask-hoc
A higher-order text-mask component decorator for React and React Native.
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
17
Weekly Downloads
3K
Last Commit
2y ago
Bundle Size (min+gzip)
3.61KB
Tree-Shakeable
@idui/react-mask-input
React MaskInput Component
License: MIT
TypeScript Definitions: Built-In
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
40
Last Commit
5mo ago
Bundle Size (min+gzip)
17.4KB
Not Tree-Shakeable
react-masked-text
A simple masked text and input text component for React. Based on react-native-masked-text
License: ISC
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
10
Weekly Downloads
2K
Last Commit
3y ago
Bundle Size (min+gzip)
5.41KB
Not Tree-Shakeable
@viewstools/use-masked-input
A React hook to mask an input using text-mask.
License: BSD-3-Clause
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
2K
Last Commit
N/A
Bundle Size (min+gzip)
3.14KB
Not Tree-Shakeable
react-load-mask
React load mask
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
595
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
react-input-enhancements
Set of enhancements for input control
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
1K
Weekly Downloads
522
Last Commit
1y ago
Bundle Size (min+gzip)
124.5KB
Not Tree-Shakeable
react-masked-input
This component allows for simple, fixed with input textboxes to be masked.
License: MIT
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
0
Weekly Downloads
356
Last Commit
N/A
Bundle Size (min+gzip)
0.68KB
Not Tree-Shakeable
react-simple-currency
A react input wrapper to mask and handle currency values.
License: Unknown
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
40
Weekly Downloads
280
Last Commit
3y ago
Bundle Size (min+gzip)
1.80KB
Not Tree-Shakeable
@zippytech/react-load-mask
Load Mask for React components
License: Apache-2.0
TypeScript Definitions: Not Found
User Rating
N/ATop Feedback
N/A
GitHub Stars
1
Weekly Downloads
219
Last Commit
4y ago
Bundle Size (min+gzip)
1.59KB
Not Tree-Shakeable