awesome-repositories.com
Blog
MCP
awesome-repositories.com

Discover the best open-source repositories with AI-powered search.

ExploreCurated searchesOpen-source alternativesSelf-hosted softwareBlogSitemap
ProjectMCP serverAboutHow we rankPress
LegalPrivacyTerms
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
text-mask avatar

text-mask/text-mask

0
View on GitHub↗
8,217 stars·819 forks·JavaScript·Unlicense·11 viewstext-mask.github.io/text-mask↗

Text Mask

text-mask is a JavaScript library for enforcing consistent text formats and dynamic masking patterns in web input fields. It provides a suite of utilities to constrain text field entries to predefined masks and validators, ensuring data consistency across multiple frontend frameworks including React, Angular, and Vue.

The library supports dynamic pattern generation using functions to handle variable data formats and localized patterns. It includes capabilities for processing bulk text entries, such as pasted content and browser auto-fill data, while maintaining the integrity of the defined input mask.

The system manages frontend data formatting through input pattern enforcement and form validation. It also provides visual guidance by displaying placeholder characters and mask structures as the user types.

Features

  • Masked Inputs - Enforces specific character patterns and formatting rules for user data entry through masked inputs.
  • Form Input Validation - Verifies the correctness of user input during entry by enforcing specific text patterns and formats.
  • Framework Agnostic UI Logic - Decouples the masking engine from UI rendering to ensure compatibility across multiple JavaScript frameworks.
  • Input Data Formatting - Processes raw user text into a standardized format during the data entry phase across frameworks.
  • Dynamic Pattern Generation - Provides callback functions to update mask patterns in real time based on the current input value.
  • Input Masks - Provides a set of utilities to enforce formatting patterns on user input fields across React, Angular, and Vue.
  • Dynamic Formatting - Creates flexible text fields that adapt their formatting patterns based on user input or localization.
  • Input Value Transformations - Converts raw input strings into formatted masked values by tracking cursor position and character indices.
  • Bulk Input Processing - Processes pasted content and browser auto-fill data while maintaining the integrity of the input mask.
  • Input Placeholders - Displays placeholder characters and mask structures as the user types to guide the required format.
  • Input Progress Visualization - Displays placeholder characters and mask structures as the user types to guide the required format.
  • Event Interception Utilities - Intercepts and transforms keyboard and paste events before they are committed to the DOM.

Star history

Star history chart for text-mask/text-maskStar history chart for text-mask/text-mask

How this analysis was created: This summary and feature list were written by an AI model that read the project's README and public documentation pages. Each feature links to the documentation it came from; stars, license and language come straight from the GitHub API. The model does not read the source code, and the analysis is refreshed when the project is re-analysed. Learn more on our About page.

AI search

Explore more awesome repositories

Describe what you need in plain English — the AI ranks thousands of curated open-source projects by relevance.

Start searching with AI

Open-source alternatives to Text Mask

Similar open-source projects, ranked by how many features they share with Text Mask.
  • robinherbots/inputmaskRobinHerbots avatar

    RobinHerbots/Inputmask

    6,460View on GitHub↗

    Inputmask is a JavaScript library that serves as a client-side input formatter and form input validator. It constrains text input fields to specific formats, such as phone numbers and dates, to ensure data consistency. The project provides guided text entry and user input validation to prevent formatting errors. It standardizes how structured information is entered in web browsers to support more reliable server-side processing. The library manages data validation and formatting by enforcing predefined patterns on user entry. It handles real-time input interception, cursor-position tracking,

    JavaScriptinputmaskjqlitejquery-plugin
    View on GitHub↗6,460
  • igorescobar/jquery-mask-pluginigorescobar avatar

    igorescobar/jQuery-Mask-Plugin

    4,760View on GitHub↗

    This project is a jQuery input mask plugin and library used for enforcing specific formats on form fields and HTML elements. It functions as a form input masking and sanitization tool that restricts character entry and automatically inserts delimiters for patterns such as dates and phone numbers. The library supports flexible masking through optional and recursive patterns that expand or contract based on the volume of data entered. It provides dynamic mask management, allowing formatting rules to be changed or removed on existing elements without reloading the page. The tool includes capabi

    JavaScripthtml-elementjavascriptjquery-mask-plugin
    View on GitHub↗4,760
  • unmanner/imaskjsuNmAnNeR avatar

    uNmAnNeR/imaskjs

    5,187View on GitHub↗

    imaskjs is a JavaScript input mask library and DOM input manager used to enforce specific patterns, data types, and ranges on user input in real-time. It serves as a data formatting library and input validation tool that transforms raw input values into formatted strings using masks and custom pipes. The project provides dynamic masking capabilities, allowing input patterns to change or switch in real-time based on the characters a user types. It supports complex input constraints including regular expressions, numerical ranges, date-based verification, and character enumerations. The librar

    TypeScriptinputmaskvanilla-js
    View on GitHub↗5,187
  • surveyjs/survey-librarysurveyjs avatar

    surveyjs/survey-library

    4,782View on GitHub↗

    This project is a JSON-based form rendering framework and visual creator designed for dynamic data collection. It provides a JavaScript form builder library that transforms JSON schemas into functional web forms and multi-step wizards, with a dedicated visual survey creator for designing layouts and branching logic without writing code. The library is distinguished by its bidirectional PDF integration, which allows the conversion of JSON schemas into fillable PDF documents and the extraction of structured data from existing PDFs. It also features advanced capabilities for creating scored asse

    TypeScript
    View on GitHub↗4,782
See all 30 alternatives to Text Mask→

Frequently asked questions

What does text-mask/text-mask do?

text-mask is a JavaScript library for enforcing consistent text formats and dynamic masking patterns in web input fields. It provides a suite of utilities to constrain text field entries to predefined masks and validators, ensuring data consistency across multiple frontend frameworks including React, Angular, and Vue.

What are the main features of text-mask/text-mask?

The main features of text-mask/text-mask are: Masked Inputs, Form Input Validation, Framework Agnostic UI Logic, Input Data Formatting, Dynamic Pattern Generation, Input Masks, Dynamic Formatting, Input Value Transformations.

What are some open-source alternatives to text-mask/text-mask?

Open-source alternatives to text-mask/text-mask include: robinherbots/inputmask — Inputmask is a JavaScript library that serves as a client-side input formatter and form input validator. It constrains… igorescobar/jquery-mask-plugin — This project is a jQuery input mask plugin and library used for enforcing specific formats on form fields and HTML… unmanner/imaskjs — imaskjs is a JavaScript input mask library and DOM input manager used to enforce specific patterns, data types, and… surveyjs/survey-library — This project is a JSON-based form rendering framework and visual creator designed for dynamic data collection. It… theorchid/platform — Platform is a framework for building back-office applications and administrative dashboards using Laravel. It… s-yadav/react-number-format — This library provides a set of tools for formatting numeric values and masking user input within React components. It…