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
RobinHerbots avatar

RobinHerbots/Inputmask

0
View on GitHub↗
robinherbots.github.io/Inputmask↗

Inputmask

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, and the injection of dynamic placeholders to guide the user.

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

Features

  • Formatted Input Fields - Provides UI components that enforce specific data formats via masks for fields like dates and phone numbers.
  • Regex Input Validation - Validates user keystrokes against predefined templates to determine if characters are permitted in the current position.
  • Event-Driven Input Handlers - Captures keyboard and paste events to modify input values before they are committed to the DOM.
  • Form Input Validation - Enforces predefined patterns on user entry to prevent invalid data from being submitted in forms.
  • Guided Data Entry - Provides visual cues and constraints that help users enter data in the correct format as they type.
  • Masked Inputs - Provides a JavaScript library for input fields that enforce specific character patterns and formatting rules.
  • Real-time Input Formatting - Provides a mechanism to dynamically format user input as it is typed to match specific patterns in real time.
  • Input Format Validations - Verifies that user inputs meet specific numeric or string patterns for phone numbers and dates.
  • Mask-to-Raw Mappings - Maintains a stateful mapping between the raw unformatted string and the displayed masked version to ensure data integrity.
  • Cursor Position Mapping - Implements logic to synchronize the text cursor position relative to formatted masked content during real-time entry.
  • Input Placeholders - Provides visual symbols and guide characters within input fields to indicate the required format to the user.
6,460 stars·2,119 forks·JavaScript·MIT·15 views

Star history

Star history chart for robinherbots/inputmaskStar history chart for robinherbots/inputmask

How this analysis was created: This summary and feature list are AI-generated from collected project material and can contain mistakes. Stars, license and language are imported from GitHub. Inclusion does not mean that we have tested or audited this project. Check the source documentation for any feature you depend on. Learn more on our About page.

Projects sharing features with Inputmask

These projects share indexed features with Inputmask. Shared tags can include platform or build tooling; verify the primary use case before treating a result as a replacement.
  • text-mask/text-masktext-mask avatar

    text-mask/text-mask

    8,217View on GitHub↗

    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 in

    JavaScriptangularemberinput-mask
    View on GitHub↗8,217
  • s-yadav/react-number-formats-yadav avatar

    s-yadav/react-number-format

    4,091View on GitHub↗

    This library provides a set of tools for formatting numeric values and masking user input within React components. It includes a customizable text input wrapper that synchronizes raw numeric values with formatted display strings and a specialized input masking component for enforcing string patterns and templates during data entry. The project features a localized number formatter that utilizes browser localization APIs to apply regional grouping, prefixes, and suffixes. It supports specialized financial formatting, such as displaying negative values in parentheses, and provides the ability t

    JavaScript
    View on GitHub↗4,091
  • theorchid/platformTheOrchid avatar

    TheOrchid/Platform

    4,791View on GitHub↗

    Platform is a framework for building back-office applications and administrative dashboards using Laravel. It functions as a schema-driven UI framework and CRUD generator that automatically constructs database management interfaces, input forms, and validation rules from programmatic model definitions. The project distinguishes itself through a comprehensive backend UI kit that supports advanced data capture, including geographic coordinate mapping, tabular JSON data matrices, and marketing metadata tracking. It features a robust role-based access control system for managing resource visibili

    PHP
    View on GitHub↗4,791
  • coreui/coreui-free-react-admin-templatecoreui avatar

    coreui/coreui-free-react-admin-template

    4,940View on GitHub↗

    This project is a React-based administrative template and UI kit designed for building dashboards. It provides a comprehensive collection of pre-styled layouts, an accessible component library, and a Sass-based UI framework for creating administrative interfaces. The template is specifically structured as an AI-optimized project, utilizing coding patterns and organization designed to help AI assistants generate consistent, production-ready React code. It features a flexible styling system using Sass variables and CSS custom properties to support customizable light and dark themes. The kit co

    JavaScriptadminadmin-dashboardadmin-panel
    View on GitHub↗4,940
Compare all 30 related projects→

Frequently asked questions

What does robinherbots/inputmask do?

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.

What are the main features of robinherbots/inputmask?

The main features of robinherbots/inputmask are: Formatted Input Fields, Regex Input Validation, Event-Driven Input Handlers, Form Input Validation, Guided Data Entry, Masked Inputs, Real-time Input Formatting, Input Format Validations.

Which projects share features with robinherbots/inputmask?

Projects with overlapping indexed features include: text-mask/text-mask — text-mask is a JavaScript library for enforcing consistent text formats and dynamic masking patterns in web input… s-yadav/react-number-format — This library provides a set of tools for formatting numeric values and masking user input within React components. It… theorchid/platform — Platform is a framework for building back-office applications and administrative dashboards using Laravel. It… coreui/coreui-free-react-admin-template — This project is a React-based administrative template and UI kit designed for building dashboards. It provides a… rsuite/rsuite — rsuite is a React UI component library and enterprise design system used to build professional web interfaces. It… nosir/cleave.js — Cleave.js is a JavaScript library that applies real-time visual formatting to form fields as users type. It provides…