A lightweight, dependency-free input masking library specifically designed for Vue.js applications.
Vue Input Facade is a Vue.js library that provides input masking functionality for formatting user input in real-time. It allows developers to apply masks (e.g., for phone numbers, dates, or custom patterns) to text inputs using Vue components, directives, or filters. The library solves the problem of consistently formatting user-entered data without requiring complex manual validation or formatting logic.
Vue.js developers building forms that require formatted input fields, such as phone numbers, dates, credit card numbers, or custom identifiers. It's particularly useful for projects needing clean, integrated masking without external dependencies.
Developers choose Vue Input Facade because it's lightweight, dependency-free, and designed specifically for Vue.js, offering seamless integration via components, directives, and filters. Its customizable tokens and migration options provide flexibility compared to more rigid or heavier alternatives.
A lightweight and dependency free input masking library created specific for Vue
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Has no external dependencies, keeping bundle size minimal, as highlighted in the README's key features.
Can be used as a Vue component, directive, or filter, offering multiple implementation options for different use cases.
Supports default tokens for common patterns and allows custom token definitions, enabling tailored masking without bloat.
Provides options to rename the directive and override tokens, easing transitions from other libraries like v-mask, as shown in the migration example.
Only works with <input type="text|tel|search">, not supporting number, email, or other special types, which restricts use cases as noted in the README.
Built exclusively for Vue.js, making it unsuitable for projects using other frameworks without Vue integration or migration efforts.
Key usage examples and detailed docs are hidden or linked externally in the README, which can hinder quick setup and learning.