10 Best React Validated/Masked Input Libraries

List hand-picked by Openbase Experts
Learn More

rnf

react-number-format

React component to format numbers in an input or as a text.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
3
Top Feedback
3Easy to Use
3Highly Customizable
2Great Documentation
GitHub Stars
3K
Weekly Downloads
572K
Last Commit
2mos ago
ri

react-imask

vanilla javascript input mask

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
1Easy to Use
1Performant
1Poor Documentation
GitHub Stars
3K
Weekly Downloads
55K
Last Commit
4mos ago
rci

react-code-input

React component for entering and validating PIN code.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
GitHub Stars
238
Weekly Downloads
29K
Last Commit
10mos ago

react-text-mask

Input mask for React, Angular, Ember, Vue, & plain JavaScript

License Icon
License: Unlicense
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
4Abandoned
GitHub Stars
8K
Weekly Downloads
318K
Last Commit
1yr ago
cj

cleave.js

Format input text content when you are typing...

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
10
Top Feedback
1Great Documentation
1Easy to Use
1Highly Customizable
GitHub Stars
17K
Weekly Downloads
181K
Last Commit
2yrs ago
rm

react-maskedinput

Masked <input/> React component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Abandoned
GitHub Stars
714
Weekly Downloads
26K
Last Commit
2yrs ago

@chakra-ui/number-input

⚡️ Simple, Modular & Accessible UI Components for your React Applications

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
23K
Weekly Downloads
210K
Last Commit
1mo ago

@chakra-ui/pin-input

⚡️ Simple, Modular & Accessible UI Components for your React Applications

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
23K
Weekly Downloads
209K
Last Commit
1mo ago

@react-spectrum/numberfield

A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
6K
Weekly Downloads
2K
Last Commit
1mo ago
rci

react-currency-input-field

React component for an input field

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
231
Weekly Downloads
36K
Last Commit
3mos ago
rim

react-input-mask

Input masking component for React. Made with attention to UX.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
1.0/ 5
1
Top Feedback
2Buggy
1Easy to Use
1Poor Documentation
GitHub Stars
2K
Weekly Downloads
410K
Last Commit
2yrs ago
ic

input-core

Mask input with simple API and rich customization

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
41
Weekly Downloads
15K
Last Commit
2mos ago

@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 Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
200
Weekly Downloads
4K
Last Commit
1mo ago

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 Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
1M
Last Commit
2mos ago
rm

react-maskinput

Mask input with simple API and rich customization

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
41
Weekly Downloads
9K
Last Commit
2mos ago

@progress/kendo-react-inputs

Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
105
Weekly Downloads
51K
Last Commit
4mos ago
rpn

react-phone-number-input

Telephone number input React component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
1Great Documentation
GitHub Stars
N/A
Weekly Downloads
202K
Last Commit
N/A
ami

antd-mask-input

Ant Design Mask Input

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
49
Weekly Downloads
10K
Last Commit
10mos ago
rti

react-telephone-input

React component for entering and validating international telephone numbers

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
261
Weekly Downloads
17K
Last Commit
1yr ago
rpi

react-payment-inputs

A zero-dependency React Hook & Container to help with payment card input fields.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
10K
Last Commit
N/A
rfi

redux-form-input-masks

Input masking with redux-form made easy

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
136
Weekly Downloads
9K
Last Commit
3yrs ago

react-masked-field

A masked input component built in React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
19
Weekly Downloads
5K
Last Commit
2yrs ago
rtm

react-text-mask-hoc

A higher-order text-mask component decorator for React and React Native.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
17
Weekly Downloads
2K
Last Commit
2yrs ago

react-masked-text

A simple masked text and input text component for React. Based on react-native-masked-text

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
11
Weekly Downloads
1K
Last Commit
3yrs ago
umi

@viewstools/use-masked-input

A React hook to mask an input using text-mask.

License Icon
License: BSD-3-Clause
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
870
Last Commit
N/A
rsc

react-simple-currency

A react input wrapper to mask and handle currency values.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
43
Weekly Downloads
785
Last Commit
4yrs ago
rn

react-numpad

A numpad for number, date and time, built with and for React.

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
123
Weekly Downloads
598
Last Commit
1yr ago
rie

react-input-enhancements

Set of enhancements for input control

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
380
Last Commit
2yrs ago
rlm

react-load-mask

React load mask

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
359
Last Commit
N/A

@zippytech/react-load-mask

Load Mask for React components

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Not Found
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
188
Last Commit
4yrs ago
rmi

react-masked-input

This component allows for simple, fixed with input textboxes to be masked.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
176
Last Commit
N/A

@idui/react-inputs

React Input Component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
56
Last Commit
2mos ago

@idui/react-mask-input

React MaskInput Component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
42
Last Commit
2mos ago
sfv

string-format-validation

Javascript library to format & validate strings (or Numbers)

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
37
Last Commit
5yrs ago
mpi

mui-phone-input

A phone number input built with material-ui's TextField

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
7
Last Commit
2yrs ago