Repolode
beholdr

beholdr/maska

Biblioteca de máscaras de entrada sin dependencias para Vue, Svelte, Alpine.js y JavaScript vanilla, de unos 3 KB comprimida con gzip.

Estrellas
2,021
Forks
78
Issues abiertos
6
Último commit
hace 23 días

¿Qué es?

Maska da formato a los campos de texto mientras los usuarios escriben, con patrones como números de teléfono, fechas o números de tarjeta. No tiene dependencias en tiempo de ejecución y se distribuye como una biblioteca pequeña que puede usarse con JavaScript sin frameworks o mediante integraciones para Vue 2/3, Alpine.js y Svelte.

Las máscaras se pueden crear con tokens personalizados, modificadores, funciones de transformación y hooks. Admite máscaras dinámicas, invertidas y eager, que muestran los caracteres fijos antes de que el usuario escriba. Funciona tanto con campos nativos como con componentes de entrada personalizados.

El modo de máscara numérica permite aplicar formatos monetarios. La versión 3 incorporó las integraciones con Alpine.js y Svelte, el modo de máscara numérica y un formato de directiva simplificado.

Funciones clave

  • 01Sin dependencias y con un tamaño comprimido con gzip de unos 3 KB
  • 02Integraciones para Vue 2/3, Alpine.js y Svelte, además de JavaScript vanilla
  • 03Funciona con campos nativos y componentes de entrada personalizados
  • 04Tokens personalizados con modificadores, funciones de transformación y hooks
  • 05Modo de máscara numérica para aplicar formatos monetarios
  • 06Máscaras dinámicas, invertidas y eager

Casos de uso

  • Dar formato a números de teléfono o fechas en un formulario de Vue
  • Añadir formato monetario a un campo de entrada en un proceso de pago
  • Aplicar máscaras de formato fijo en una aplicación de Alpine.js o Svelte sin dependencias adicionales

Temas

Preguntas frecuentes

¿Qué es maska?
Biblioteca de máscaras de entrada sin dependencias para Vue, Svelte, Alpine.js y JavaScript vanilla, de unos 3 KB comprimida con gzip. Maska da formato a los campos de texto mientras los usuarios escriben, con patrones como números de teléfono, fechas o números de tarjeta. No tiene dependencias en tiempo de ejecución y se distribuye como una biblioteca pequeña que puede usarse con JavaScript sin frameworks o mediante integraciones para Vue 2/3, Alpine.js y Svelte.
¿maska es gratuito? ¿Qué licencia tiene?
maska es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿maska sigue mantenido?
Mantenimiento activo. El último commit de maska fue el 29 sept 2026.
¿Para qué puedo usar maska?
Dar formato a números de teléfono o fechas en un formulario de Vue Añadir formato monetario a un campo de entrada en un proceso de pago Aplicar máscaras de formato fijo en una aplicación de Alpine.js o Svelte sin dependencias adicionales
¿Dónde consigo maska?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/beholdr/maska

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados