<p align="center">
  <a href="https://beholdr.github.io/maska/"><img src="https://beholdr.github.io/maska/maska.svg"></a>
</p>

<p align="center">
  Simple zero-dependency input mask.
</p>

<p align="center">
  <a href="https://www.npmjs.com/package/maska"><img src="https://img.shields.io/npm/v/maska"></a>
  <a href="https://bundlephobia.com/package/maska"><img src="https://img.shields.io/bundlephobia/minzip/maska"></a>
  <a href="https://github.com/beholdr/maska/actions/workflows/build.yml"><img src="https://github.com/beholdr/maska/actions/workflows/build.yml/badge.svg"></a>
</p>

<h3 align="center">
  <a href="https://beholdr.github.io/maska/"><b>Documentation & demo</b></a>
</h3>

# Maska

## Support ☕️

> ❤️ [Please support](https://boosty.to/beholdr) Maska development!

## Features ✨

- No dependencies and small size: ~3 Kb gziped
- Vanilla JS version + Vue 2/3, Alpine.js and Svelte integrations
- Works with native and custom inputs
- Custom tokens with modifiers, transform functions and hooks
- Number mask mode: easy money formatting
- Dynamic, reversed and eager masks

## What’s new in v3 🎉

- Integrations with Alpine.js and Svelte
- Number mask mode
- Simplified directive format
- Other small improvements and fixes

## Source of Inspiration 💡

- [vue-the-mask](https://vuejs-tips.github.io/vue-the-mask/)
- [jQuery Mask Plugin](http://igorescobar.github.io/jQuery-Mask-Plugin/)

## License 📄

[MIT](LICENSE.txt)
