Awesome

Maskito

<p align="center"> <img src="projects/demo/src/assets/icons/maskito.svg" alt="Maskito logo" height="120px"> </p> <p align="center"> <a href="https://maskito.dev">Documentation</a> • <a href="https://github.com/taiga-family/maskito/issues/new/choose">Submit an Issue</a> • <a href="https://t.me/taiga_ui/10600">Contact Us</a> </p>

Maskito is a collection of libraries, built with TypeScript. It helps you to create an input mask which ensures that users type values according to predefined format.

Why Maskito

Maskito supports all user’s interactions with text fields: basic typing and deleting via keyboard, pasting, dropping text inside with a pointer, browser autofill, predictive text from mobile native keyboard.
Maskito is robust. The whole project is developed with strict TypeScript mode. Our code is covered by hundreds of Cypress tests.
Server Side Rendering and Shadow DOM support.
You can use it with HTMLInputElement or HTMLTextAreaElement or even with [contenteditable] element.
Maskito core is zero-dependency package. You can mask input in your vanilla JavaScript project. However, we have separate packages for Angular, React and Vue as well.
Maskito includes optional framework-agnostic package with configurable ready-to-use masks.

No text field with invalid value! Use Maskito. Mask it! Learn more about the library in our documentation.

Contributing

If you have suggestions for how Maskito could be improved, or want to report a bug, open an issue! We'd love all and any contributions.

For more, check out the Contributing Guide.

Maintained

Maskito is a part of Taiga UI libraries family which is backed and used by a large enterprise. This means you can rely on timely support and continuous development.

License

🆓 Feel free to use our library in your commercial and private applications

All Maskito packages are covered by Apache 2.0