Эффекты шейдеров WebGPU в виде готовых компонентов для React, Vue, Svelte, Solid и обычного JavaScript.
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 обновляется ежедневно.
Похожие проекты
Библиотека для управления асинхронным состоянием и загрузки данных в веб-приложениях с поддержкой React, Vue, Svelte и Solid.
Headless-библиотека таблиц на TypeScript/JavaScript для создания дата-гридов с полным контролем над разметкой и стилями в React, Vue, Solid, Svelte и других фреймворках.
Бесплатный набор из более чем 6 200 SVG-иконок по лицензии MIT, созданных по сетке 24×24; доступны пакеты для React, Vue, Svelte, Angular и других платформ.
Современный и лёгкий drag-and-drop-инструментарий для веба с независимым от фреймворков ядром и адаптерами для React, Vue, Svelte и SolidJS.
Открытая библиотека из примерно 7 600 SVG-иконок брендов и облачных сервисов, доступная через npm, CDN, CLI и MCP-сервер для AI-редакторов.