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

•    Javascript

---

Conforms string to given mask or pattern, and can be hooked up to input element

input-mask inputmask text-formatting react angular vue ember text-mask string-mask input-formatting string-formatting angular2 angular-component

react-input-enhancements - Set of enhancements for input control

•    Javascript

---

The intention of creating this library was to bring input component out of the dropdown/autocomplete/whatever code, so it could be easily replaced with your custom component, and also to split independent functionality into different components, which could be combined with each other (still not quite sure it was worth it, though). NB: these are not "high quality, ready for production components" - they are more of a concept (which is a fancy word for "they are still quite buggy"). Think twice before using it in production.

react input autosize autocomplete dropdown datepicker input-mask autosuggest typeahead reactjs mask combobox

cleave.js - Format input text content when you are typing...

•    Javascript

---

Cleave.js has a simple purpose: to help you format input text content automatically. The idea is to provide an easy way to increase input field readability by formatting your typed data. By using this library, you won't need to write any mind-blowing regular expressions or mask patterns to format input text.

input credit-card input-mask creditcard telephone-number cleave html format form mask formatter filter vanilla react

react-native-text-input-mask - Text input mask for React Native, Android and iOS

•    Swift

---

Text input mask for React Native on iOS and Android. For Android it just works.

mask maskedtextfield maskededittext maskedinput react-native mask-android mask-ios android input-mask inputmask react native text-input ios

politespace - Politely add spaces to numeric form values to increase readability (credit card numbers, phone numbers, etc)

•    Javascript

---

Add data-politespace to your form’s input[type=text] (et al) or textarea and we’ll add spaces to the value when the user blurs off of it. We’ll also remove those spaces on focus. Use pattern="[0-9]*" for numeric keyboards on iOS.

accessibility input-mask forms grunt

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

•    Javascript

---

This version requires Vue 2.X. If you are looking for Vue 1.X, check it here. Notice: v-model is required starting from v1.1.0, because a lot of bugs with HTMLElement event listeners and sync with Vue internals.

vue input-mask vue2 mask-lib vue.js vue-mask

maskfy - Simple, No Dependences, Mobile Compatibility, IE Compatibility Only 1kb (gzip) = ♥

•    HTML

---

A Javascript library without a dependency of jQuery, Zepto, and etc ... Very simple to install and use. With only 1kb (gzip) code, it's also well accepted on mobile devices

mask inputmask input-mask nojquery data-mask 1kb

vue-inputmask - Vue.js directive to add inputmask library to your inputs (vanilla javascript).

•    Javascript

---

Vue.js directive to add a mask to your inputs (vanilla javascript). This library is licensed under MIT License.

vuejs vue-directive inputmask input-mask

vue-currency-input - Easy input of currency formatted numbers for Vue.js.

•    Javascript

---

The Vue Currency Input plugin allows an easy input of currency formatted numbers. It provides both a standalone component (<currency-input>) and a custom Vue directive (v-currency) for decorating existing input components with currency format capabilities. Read the guide to getting started or check out the examples to see it in action.

vue currency-format input-mask i18n

vue-cleave-component - Vue.js component for Cleave.js

•    Javascript

---

Please see CHANGELOG for more information what has changed recently.

vue cleave formatting input-mask masking phone currency date

vue-input-facade - A lightweight and dependency free input masking library created specific for Vue

•    Javascript

---

Installs the component, directive and filter for your entire application. If you are migrating an existing project to vue-input-facade from another plugin and dont want to touch the whole codebase. You may pass options during plugin installation to override the default tokens or directive name.

plugin vue input facade vue-components input-mask masking vuejs mask component directive filter front-end vue-input-facade web

input-mask - 🎭 @ngneat/input-mask is an angular library that creates an input mask

•    TypeScript

---

@ngneat/input-mask is an angular library that creates an input mask. Behind the scene, it uses inputmask.

library angular typescript input input-mask inputmask angular-tools angular-library ngneat ngneat-inputmask