Maskito
Collection of libraries to create an input mask which ensures that user types value according to predefined format.
Install / Use
/learn @taiga-family/MaskitoREADME
Maskito
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
HTMLInputElementorHTMLTextAreaElementor 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.
| Package | Downloads |
| -------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- |
| @maskito/core | 
License
🆓 Feel free to use our library in your commercial and private applications
All Maskito packages are covered by Apache 2.0
Read more about this license here
Related Skills
node-connect
346.8kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
107.6kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Writing Hookify Rules
107.6kThis skill should be used when the user asks to "create a hookify rule", "write a hook rule", "configure hookify", "add a hookify rule", or needs guidance on hookify rule syntax and patterns.
review-duplication
100.1kUse this skill during code reviews to proactively investigate the codebase for duplicated functionality, reinvented wheels, or failure to reuse existing project best practices and shared utilities.
