10 Best JavaScript Validated/Masked Input Libraries

List hand-picked by Openbase Experts
Learn More

ima

imask

vanilla javascript input mask

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

react-number-format

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

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

react-imask

vanilla javascript input mask

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
3.7K
Weekly Downloads
84.7K
Last Commit
3mos ago
User Rating
5.0/ 5
1
Top Feedback
1Easy to Use
1Performant
1Poor Documentation
ai

angular-imask

vanilla javascript input mask

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
3.7K
Weekly Downloads
49.4K
Last Commit
3mos ago
User Rating
5.0/ 5
1
Top Feedback
vti

vue-tel-input

International Telephone Input with Vue https://iamstevendao.github.io/vue-tel-input/

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
523
Weekly Downloads
62.8K
Last Commit
3mos ago
User Rating
5.0/ 5
1
Top Feedback
1Buggy
vm

v-mask

🔡 Tiny input mask library for Vue.js (directive)

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
769
Weekly Downloads
98.1K
Last Commit
3mos ago
User Rating
4.0/ 5
1
Top Feedback
iti

intl-tel-input

A JavaScript plugin for entering and validating international telephone numbers

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
6.2K
Weekly Downloads
199K
Last Commit
2mos ago
User Rating
4.7/ 5
9
Top Feedback
1Great Documentation
1Easy to Use
1Highly Customizable

@syncfusion/ej2-angular-inputs

Syncfusion Angular UI components library offer more than 50+ cross-browser, responsive, and lightweight angular UI controls for building modern web applications.

SEE LICENSE IN license
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
203
Weekly Downloads
9K
Last Commit
3mos ago
User Rating
5.0/ 5
1
Top Feedback

react-text-mask

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

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

cleave.js

Format input text content when you are typing...

Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
17.3K
Weekly Downloads
214K
Last Commit
2yrs ago
User Rating
4.9/ 5
13
Top Feedback
1Great Documentation
1Easy to Use
1Highly Customizable
nc

ngx-currency

Currency mask module for Angular 📦

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
185
Weekly Downloads
38.8K
Last Commit
8mos ago
User Rating
4.0/ 5
1
Top Feedback
rci

react-code-input

React component for entering and validating PIN code.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
261
Weekly Downloads
35.8K
Last Commit
1yr ago
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
rm

react-maskedinput

Masked <input/> React component

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

@chakra-ui/number-input

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

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
26K
Weekly Downloads
300K
Last Commit
3mos ago

@chakra-ui/pin-input

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

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
26K
Weekly Downloads
300K
Last Commit
3mos ago
nit

ngx-intl-tel-input

Phone number input field to support international numbers, Angular

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
176
Weekly Downloads
24.6K
Last Commit
1mo ago
User Rating
2.0/ 5
1
Top Feedback
rnt

react-native-text-input-mask

Text input mask for React Native.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
Weekly Downloads
24K
Last Commit
User Rating
4.0/ 5
1
Top Feedback
inp

inputmask

Input Mask plugin

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
5.8K
Weekly Downloads
201K
Last Commit
2mos ago

@react-spectrum/numberfield

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

Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
6.5K
Weekly Downloads
4.1K
Last Commit
3mos ago
vci

vue-currency-input

Easy input of currency formatted numbers for Vue.js.

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
403
Weekly Downloads
46.1K
Last Commit
3mos ago

@syncfusion/ej2-inputs

Syncfusion JavaScript UI controls library offer more than 50+ cross-browser, responsive, and lightweight HTML5 UI controls for building modern web applications.

SEE LICENSE IN license
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
299
Weekly Downloads
69.3K
Last Commit
3mos ago
rci

react-currency-input-field

React component for an input field

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
272
Weekly Downloads
46K
Last Commit
4mos ago

ngx-mask

Angular Plugin to make masks on form fields and html elements.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
925
Weekly Downloads
193K
Last Commit
3mos ago
User Rating
Top Feedback
7Buggy
2Poor Documentation
1Easy to Use
ji

jquery.inputmask

Input Mask plugin

MIT
TypeScript Icon
TypeScript Definitions: Not Found
TypeScript Icon
Deprecated
GitHub Stars
5.8K
Weekly Downloads
9.7K
Last Commit
2mos ago
rim

react-input-mask

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

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

@progress/kendo-react-inputs

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

SEE LICENSE IN LICENSE.md
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
122
Weekly Downloads
54K
Last Commit
3mos ago
mup

material-ui-phone-number

Fork of react-phone-input-2 for the Material-UI library

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
114
Weekly Downloads
28.9K
Last Commit
7mos 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.

SEE LICENSE IN license
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
225
Weekly Downloads
5.1K
Last Commit
3mos ago

react-native-phone-input

Phone input box for React Native

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
22
Weekly Downloads
8.4K
Last Commit
2mos ago

@tripolskypetr/react-view-builder

A React form builder which interacts with a JSON endpoint to generate nested 12-column grids with input fields and automatic state management in a declarative style. Endpoint is typed by TypeScript guards (IntelliSense available). This tool is based on material-ui components, so your application will look beautiful on any device...

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
16
Weekly Downloads
240
Last Commit
3mos ago
rfi

redux-form-input-masks

Input masking with redux-form made easy

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
135
Weekly Downloads
11.8K
Last Commit
24d ago

@syncfusion/ej2-vue-inputs

Syncfusion Vue UI component library offer more than 50+ cross-browser, responsive, and lightweight vue UI controls for building modern web applications.

SEE LICENSE IN license
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
229
Weekly Downloads
2.8K
Last Commit
3mos ago
rif

rifm

Tiny react input formatter and mask

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
Weekly Downloads
1.4M
Last Commit
rpi

react-phone-input-material-ui

Highly customizable phone 📞 input component with auto formatting

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
15
Weekly Downloads
1.9K
Last Commit
2mos ago

@tractorzoom/number-field

Component library using Material UI

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
0
Weekly Downloads
90
Last Commit
9mos ago
do

@uiowa/digit-only

An Angular directive to only allow [0-9] in the input box when typing, pasting or drag/dropping.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
133
Weekly Downloads
6.3K
Last Commit
7mos ago
mpi

mui-phone-input-ssr

An SSR-friendly, highly customizable Material UI React phone number input component with auto number formatting. Based on the excellent material-ui-phone-number, based on react-phone-input-2, based on react-phone-input.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
6
Weekly Downloads
1.1K
Last Commit
5mos ago

text-mask-addons

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

Unlicense
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
8.1K
Weekly Downloads
227K
Last Commit
1yr ago
vcc

vue-cleave-component

Vue.js component for Cleave.js input mask library ⌨️

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
280
Weekly Downloads
13.1K
Last Commit
9mos ago

angular2-text-mask

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

Unlicense
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
8.1K
Weekly Downloads
80.7K
Last Commit
1yr ago
mun

material-ui-numeric-input

Numeric Input for interfaces built with Material-UI for React

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
6
Weekly Downloads
334
Last Commit
3mos ago
jmp

jquery-mask-plugin

A jQuery Plugin to make masks on form fields and HTML elements.

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
4.6K
Weekly Downloads
48.4K
Last Commit
2yrs ago
rnm

react-native-masked-text

A pure javascript masked text and input text component for React-Native.

ISC
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
1.5K
Weekly Downloads
44.4K
Last Commit
2yrs ago
rnc

react-native-currency-input

A simple currency input component for both iOS and Android

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
78
Weekly Downloads
6.4K
Last Commit
9mos ago

vanilla-text-mask

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

Unlicense
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
8.1K
Weekly Downloads
36.5K
Last Commit
1yr ago
ncm

ng2-currency-mask

A very simple currency mask directive for Angular that allows using a number attribute with the ngModel. In other words, the model is a number, and not a string with a mask. It was tested in Angular version 13.

Unknown
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
Weekly Downloads
30.1K
Last Commit
User Rating
Top Feedback
1Great Documentation

vanilla-masker

VanillaMasker is a pure javascript mask input

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
1.2K
Weekly Downloads
27.6K
Last Commit
4yrs ago

angular-ui-mask

Mask on an input field so the user can only type pre-determined pattern

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
394
Weekly Downloads
27K
Last Commit
3yrs ago
rti

react-telephone-input

React component for entering and validating international telephone numbers

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
262
Weekly Downloads
18.7K
Last Commit
2yrs ago

vue-text-mask

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

Unlicense
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
8.1K
Weekly Downloads
16.2K
Last Commit
1yr ago