Maska

screenshot of Maska
svelte
vite
vue
alpinejs

Simple zero-dependency input mask for Vue, Svelte, Alpine.js and vanilla JS.

Overview

Maska is a lightweight library designed for input masking and formatting. It offers various features like no dependencies, support for different frameworks like Vue, Alpine.js, and Svelte, custom tokens with modifiers, dynamic masks, and more. In version 3, Maska introduces integrations with Alpine.js and Svelte, a number mask mode, and simplified directive format among other improvements.

Features

  • No dependencies and small size: ~3 Kb gziped
  • Works with Vanilla JS version + Vue 2/3, Alpine.js and Svelte integrations
  • Custom tokens with modifiers, transform functions and hooks
  • Number mask mode for easy money formatting
  • Dynamic, reversed, and eager masks
  • Integrations with Alpine.js and Svelte in version 3
  • Simplified directive format
  • Other small improvements and fixes
svelte
Svelte

Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

alpinejs
Alpine.js

Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.