Repolode
Enviar
beholdr

beholdr/maska

Biblioteca de máscaras de entrada sem dependências para Vue, Svelte, Alpine.js e JavaScript puro, com cerca de 3 KB após gzip.

Ver no GitHubSite
Estrelas
2,021
Forks
78
Issues abertas
6
Último commit
há 23 dias

O que é?

Maska formata campos de texto conforme os usuários digitam, aplicando padrões como números de telefone, datas ou números de cartão. Não tem dependências de runtime e é distribuída como uma biblioteca pequena, que pode ser usada com JavaScript puro ou pelas integrações para Vue 2/3, Alpine.js e Svelte.

As máscaras podem ser criadas com tokens personalizados, modificadores, funções de transformação e hooks. A biblioteca oferece suporte a máscaras dinâmicas, invertidas e eager, que exibem os caracteres fixos antes de o usuário digitar. Funciona tanto com campos nativos quanto com componentes de entrada personalizados.

O modo de máscara numérica permite formatar valores no estilo monetário. A versão 3 adicionou as integrações para Alpine.js e Svelte, o modo de máscara numérica e um formato simplificado de diretiva.

Recursos principais

  • 01Sem dependências e com cerca de 3 KB após gzip
  • 02Integrações para Vue 2/3, Alpine.js e Svelte, além de JavaScript puro
  • 03Compatível com campos nativos e componentes de entrada personalizados
  • 04Tokens personalizados com modificadores, funções de transformação e hooks
  • 05Modo de máscara numérica para formatação monetária
  • 06Máscaras dinâmicas, invertidas e eager

Casos de uso

  • Formatar números de telefone ou datas em um formulário Vue
  • Adicionar formatação de valores no estilo monetário a um campo de checkout
  • Aplicar máscaras de formato fixo em um app Alpine.js ou Svelte sem dependências extras

Tópicos

#input-mask#vue#svelte#alpinejs#javascript#forms#frontend-utility#input#inputmask#mask

Perguntas frequentes

O que é maska?
Biblioteca de máscaras de entrada sem dependências para Vue, Svelte, Alpine.js e JavaScript puro, com cerca de 3 KB após gzip. Maska formata campos de texto conforme os usuários digitam, aplicando padrões como números de telefone, datas ou números de cartão. Não tem dependências de runtime e é distribuída como uma biblioteca pequena, que pode ser usada com JavaScript puro ou pelas integrações para Vue 2/3, Alpine.js e Svelte.
maska é gratuito? Qual é a licença?
maska é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
maska ainda é mantido?
Manutenção ativa. O último commit de maska foi em 29 de set. de 2026.
Para que posso usar maska?
Formatar números de telefone ou datas em um formulário Vue Adicionar formatação de valores no estilo monetário a um campo de checkout Aplicar máscaras de formato fixo em um app Alpine.js ou Svelte sem dependências extras
Onde consigo maska?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/beholdr/maska

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados