Efectos de shaders WebGPU empaquetados como componentes listos para usar en React, Vue, Svelte, Solid y JavaScript puro.
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
Biblioteca de gestión de estado asíncrono y obtención de datos para aplicaciones web, con bindings para React, Vue, Svelte y Solid.
Librería headless de tablas para TypeScript y JavaScript, con la que crear datagrids y controlar por completo el marcado y los estilos en React, Vue, Solid, Svelte y más.
Colección gratuita de más de 6.200 iconos SVG con licencia MIT, diseñados en una cuadrícula de 24x24, con paquetes para React, Vue, Svelte, Angular y más.
Un toolkit moderno y ligero de arrastrar y soltar para la web, con un núcleo independiente del framework y adaptadores para React, Vue, Svelte y SolidJS.
Biblioteca abierta con unos 7.600 iconos SVG de marcas y servicios cloud, disponible mediante npm, CDN, CLI y un servidor MCP para editores con IA.