{"id":16918635,"url":"https://github.com/xnimorz/masked-input","last_synced_at":"2025-03-21T18:10:31.252Z","repository":{"id":20205987,"uuid":"89140860","full_name":"xnimorz/masked-input","owner":"xnimorz","description":"Mask input with simple API and rich customization","archived":false,"fork":false,"pushed_at":"2024-09-18T22:06:42.000Z","size":1447,"stargazers_count":52,"open_issues_count":6,"forks_count":7,"subscribers_count":2,"default_branch":"master","last_synced_at":"2024-10-14T19:41:20.574Z","etag":null,"topics":["credit-card","custom-mask","mask","mask-input","react"],"latest_commit_sha":null,"homepage":"https://xnimorz.github.io/masked-input/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/xnimorz.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-04-23T12:41:08.000Z","updated_at":"2024-09-18T22:06:00.000Z","dependencies_parsed_at":"2024-03-17T01:45:48.725Z","dependency_job_id":"85343b48-f8e1-4dbc-877d-992954cd47df","html_url":"https://github.com/xnimorz/masked-input","commit_stats":{"total_commits":76,"total_committers":4,"mean_commits":19.0,"dds":0.5263157894736843,"last_synced_commit":"e0bcefa04dbd7ce82e19ff60537f7d7e2eb43a05"},"previous_names":[],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xnimorz%2Fmasked-input","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xnimorz%2Fmasked-input/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xnimorz%2Fmasked-input/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/xnimorz%2Fmasked-input/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/xnimorz","download_url":"https://codeload.github.com/xnimorz/masked-input/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244844530,"owners_count":20519790,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["credit-card","custom-mask","mask","mask-input","react"],"created_at":"2024-10-13T19:40:53.187Z","updated_at":"2025-03-21T18:10:31.214Z","avatar_url":"https://github.com/xnimorz.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"[![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lerna.js.org/)\n\n# Looking for maintainers\n\nUnfortunately, The author don't have enough time to look after this particular project. If you are willing to support it, please, write @xnimorz to talk about!\n\n## Mask input with simple API and rich customization.\n\nYou often have to create input for a credit card, phone number, birthday, etc. Each of this usecases requires to input value with some formatting (for example `0000-0000-000-0000` for credit card).\n\nThis project could help you in all this situations!\n\nWatch demo: http://xnimorz.github.io/masked-input/\n\n## How to start\n\nIf you need to create a credit card input, phone, date or similar use (inside the link you'll find step-by-step guide)\n\n- [react-maskinput](https://github.com/xnimorz/masked-input/tree/master/packages/react-maskinput) for React,\n- [svelte-mask-input](https://github.com/xnimorz/svelte-mask-input) for Svelte\n- [mask-input](https://github.com/xnimorz/vanilla-masked-input) if you don't use any framework\n\nThese projects support rich customization.\n\nIf you need to create a number formatter:\n\n- [react-numberinput](#section-react-numberinput) for React\n\n## Components\n\n- [svelte-mask-input](https://github.com/xnimorz/svelte-mask-input) — Svelte mask input;\n- [react-maskinput](https://github.com/xnimorz/masked-input/tree/master/packages/react-maskinput) — react masked input;\n- [react-numberinput](https://github.com/xnimorz/masked-input/tree/master/packages/react-numberinput) — react numeric input;\n- [mask-input](https://github.com/xnimorz/vanilla-masked-input) — vanilla mask input;\n- [input-core](https://github.com/xnimorz/masked-input/tree/master/packages/input-core) — the core module with rich and clear API on top of which you can build any custom components.\n\nReact components and input-core is written on TypeScript, so it helps you to use them.\n\n## Contributing\n\n1.  Fork it!\n2.  Create your feature branch: `git checkout -b my-new-feature`\n3.  Commit your changes: `git commit -m 'Add some feature'`\n4.  Push to the branch: `git push origin my-new-feature`\n5.  Submit a pull request\n\n## F.A.Q\n\n1. Browsers support\n\nReact masked input and numeric input were tested on desktop and mobile browsers:\n\n- Desktop browsers:\n\n* [x] Safari \u003e= 9\n* [x] Google Chrome\n* [x] EDGE, IE11\n* [x] Mozilla Firefox\n* [x] Opera, Yandex.browser etc.\n\n- Mobile browsers:\n\n* [x] Android Chrome\n* [x] Safari IOS \u003e= 9\n* [] Android browser \u003c= v4 — there are some artifacts with copy \u0026 paste\n\n# License\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxnimorz%2Fmasked-input","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fxnimorz%2Fmasked-input","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fxnimorz%2Fmasked-input/lists"}