Repolode
beholdr

beholdr/maska

Библиотека масок ввода для Vue, Svelte, Alpine.js и vanilla JavaScript без зависимостей, около 3 КБ в gzip.

Звёзды
2,021
Форки
78
Открытые issues
6
Последний коммит
23 дня назад

Что это?

Maska форматирует текстовые поля ввода по мере набора, применяя шаблоны для телефонных номеров, дат или номеров карт. Библиотека не имеет runtime-зависимостей и доступна как компактный пакет для обычного JavaScript или через интеграции с Vue 2/3, Alpine.js и Svelte.

Маски можно создавать с помощью пользовательских токенов, модификаторов, функций преобразования и хуков. Поддерживаются динамические, обратные и eager-маски, которые показывают фиксированные символы ещё до того, как пользователь начнёт вводить текст. Библиотека работает как с нативными полями ввода, так и с пользовательскими компонентами ввода.

Режим маски для чисел позволяет форматировать значения в денежном стиле. В версии 3 появились интеграции с Alpine.js и Svelte, режим маски для чисел и упрощённый формат директив.

Ключевые возможности

  • 01Нет зависимостей, размер в gzip — около 3 КБ
  • 02Интеграции с Vue 2/3, Alpine.js и Svelte, а также vanilla JS
  • 03Работает с нативными полями ввода и пользовательскими компонентами
  • 04Пользовательские токены с модификаторами, функциями преобразования и хуками
  • 05Режим маски для чисел с форматированием в денежном стиле
  • 06Динамические, обратные и eager-маски

Сценарии использования

  • Форматирование телефонных номеров или дат в форме на Vue
  • Добавление форматирования чисел в денежном стиле к полю ввода при оформлении заказа
  • Применение масок с фиксированным форматом в приложении на Alpine.js или Svelte без дополнительных зависимостей

Темы

Частые вопросы

Что такое maska?
Библиотека масок ввода для Vue, Svelte, Alpine.js и vanilla JavaScript без зависимостей, около 3 КБ в gzip. Maska форматирует текстовые поля ввода по мере набора, применяя шаблоны для телефонных номеров, дат или номеров карт. Библиотека не имеет runtime-зависимостей и доступна как компактный пакет для обычного JavaScript или через интеграции с Vue 2/3, Alpine.js и Svelte.
maska можно использовать бесплатно? Какая у него лицензия?
maska распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
maska всё ещё поддерживается?
Активно поддерживается. Последний коммит в maska — 29 сент. 2026 г..
Для чего можно использовать maska?
Форматирование телефонных номеров или дат в форме на Vue Добавление форматирования чисел в денежном стиле к полю ввода при оформлении заказа Применение масок с фиксированным форматом в приложении на Alpine.js или Svelte без дополнительных зависимостей
Где скачать maska?
Исходный код и инструкции по установке — на GitHub: https://github.com/beholdr/maska

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Бесплатный набор из более чем 6 200 SVG-иконок по лицензии MIT, созданных по сетке 24×24; доступны пакеты для React, Vue, Svelte, Angular и других платформ.

22,4 тыс.1,2 тыс.JavaScriptMITОбновлён позавчера

Открытая библиотека из примерно 7 600 SVG-иконок брендов и облачных сервисов, доступная через npm, CDN, CLI и MCP-сервер для AI-редакторов.

2,9 тыс.232TypeScriptMITОбновлён 4 часа назад