58 JQuery Mask Plugins

An immersive transition effect powered by image masks and CSS transforms. .....
CSS Image Effects

jQuery inputmask is a jquery plugin which create an input mask.An inputmask helps the user with the input by ensuring a predefined format. This can be usefull for dates, numerics, phone numbers, …Features:easy to useoptional.....
Forms Plugins

Today we’d like to show you how to create an intriguingly simple, yet eye-catching transition effect using CSS Masks. Together with clipping, masking is another way of defining visibility and composite with an element. In the fo.....
Animation CSS Slider

A jQuery Plugin to make masks on form fields and HTML elements.Built-in support for dynamically added elements.Masks on any HTML element (no need to server-side mask anymore!)!HTML notation support (data-mask, data-mask-recursive,.....
Forms HTML5 Plugins

A jQuery plugin to mask images with a simple polygonal shape.The mask expands on hover and collapses afterwards. .....
Gallery Image Effects Plugins

Labelmask is a way to create accessible input hinting without using input masks. .....
Forms Plugins

Today we’re going to be stepping through a really cool technique you can use to create an effect that’s a little bit like parallax scrolling, yet doesn’t need any JavaScript; it can be achieved very simply throug.....
CSS

jQuery plugin to mask data entry in the input text in the form of money (currency). .....
Forms Plugins

This is a masked input plugin for the jQuery javascript library. It allows a user to more easily enter fixed width input where you would like them to enter the data in a certain format (dates,phone numbers, etc). It has been teste.....
Forms Plugins

A jquery plugin for creating masked input texts.Features:Accepts paste event;Has fixed and reverse mask types ( allow number mask );You can still use your hotkeys and others (ex: ctrl+t, ctrl+f5, TAB …);Supports metadata plugin;.....
Forms Plugins

MaskifySlider is an extremely simple plugin which enables you to create an image slider with the effect of an image mask. The plugin will automically offset the images position according to the spacing between their placeholders, .....
Plugins Slider

Pure CSS3 Forms Set allows you to create forms of any complexity and for any needs (login, registration, contacts, search, checkout, etc.). With powerful validation and masking your forms become super friendly and very easy to fil.....
CSS Forms Plugins Premium

Maskew is a JS library for skewing the shapes of elements without distorting their contents. It is mobile friendly. There is no dependencies but a modern browser. It is less than 5k in size. .....
Core Java Script Plugins

Ever seen a website showcasing image thumbnails that are slightly rotated? It’s a simple effect that adds a layer of visual personality. Saying that, if you’re not achieving the rotation effect with CSS, you’re working too h.....
CSS Gallery

A jQuery plugin to make field masks.Features :String/Numeric/Alpha/Mixed masks.Reverse Mask.Data type validation.Automatic maxlength.Live event’s for ajax/realtime apps.Callbacks.On-the-fly mask change. .....
Forms Plugins

jQuery iMask Plugin is a jQuery input masking plugin.Following features :Static MaskingMask numbers, lettersCustomize list of valid numbers & lettersSpecial symbols are displayed but un-selectableOptionally only show the mask .....
Forms Plugins

I think a hover revealing password could be a really good alternative: You can increase your security, and if you are unsure about what you’ve typed just go and hover over it.So, what we will be doing today is a jQuery plugin to.....
Forms Plugins

The main concept is put an element infront of the fading square, then fade out the square to give the masking effect. .....
Gallery

datepicker with mask input .....
DatePicker

.....
DatePicker

.....
Validation

Simple Mask is a tiny jQuery plugin to make masks on input fields that allows the users to enter numbers in a certain format......
input-mask number-format

This is a lightweight and easy-to-use jQuery input mask plugin to mask and validate US (or international) phone numbers in standard input fields......
telephone input-mask

Mask Number is a small jQuery plugin that automatically restricts, masks and formats decimal / integer numbers numbers in a specific pattern as you type on input fields......
input-mask number-format

Passwordify.js is a password masking jQuery library that automatically masks password characters with asterisks (***) while typing......
Password

busy-load is a jQuery loading indicator plugin which shows an animated loading overlay over a specific element (or the whole page) with custom loading spinners......
loading-indicator loading-spinner loading-overlay

maskedinput is a simple yet fully configurable jQuery input mask plugin that allows the user to type characters in fixed position in a certain format......
input-mask

mobilePhoneNumber is a jQuery phone number input mask plugin that automatically formats and validates international phone numbers when an user is typing......
input-mask telephone

A jQuery plugin for the Material Components Web that applies form validation, floating label and input mask functionalities to form fields......
Form-Validation input-mask Material-Design

jQuery mask is yet another jQuery mask plugin that automatically format input field data with regular expression......
input-mask

A pretty cool, touch-enabled image slider that smoothly transitions between images and text using SVG clipping and masking technology......
Image-Slider

Samask is a jQuery input mask plugin that can be used to mask/validate/format/restrict user input in text fields to a specific pattern.....
input-mask

datable.js is a jQuery date input mask plugin that automatically formats and validates dates as you type on form inputs......
Date-Format input-mask

A simple, customizable, responsive jQuery loading indicator plugin that helps you create a loading overlay (with a custom loading spinner) on the whole page or over single DOM elements......
loading-indicator loading-overlay

jQuery Input Mask is a lightweight and easy-to-use jQuery plugin that makes it easier to create an input mask......
input-mask

Yet another jQuery plugin to create masked input fields using Regex that allows to automatically restrict and format input values as you type......
input-mask

Mask As Number is a lightweight and useful jQuery plugin which restricts the input fields to a specific number of numeric values and prevents invalid keystrokes......
input-mask number-format

polygonMaskJS is a lightweight jQuery plugin which makes use of SVG polygon clip masks to create responsive slanted backgrounds......
SVG background

alex-date-time.js is a lightweight and convenient jQuery input mask plugin which automatically formats and validates date & time inputs in "DD/MM/YYYY" and "HH:MM" formats......
Form-Validation input-mask

frost-mask is a lightweight jQuery plugin that uses CSS3 blur filters and transitions to create an animated blur effect on a specific container when triggered......
Blur Overlay Mask

Weight Mask is a lightweight and easy to use jQuery input mask plugin that automatically formats currency and any other numeric values as you type on form inputs......
number-format input-mask

mloading is an easy-to-use jQuery plugin that lets you create a loading/busy indicator (with or without loading mask) on any DOM elements within the document......
loading-spinner loading-indicator loading-overlay

ImgMask is a jQuery image masking / overlapping plugin that replaces part of an image with a transparent image / pattern based on Html5 canvas technique......
image-mask

Input Cloak is a jQuery input mask / cloak plugin used to protect the normal text input that behaves like a password field......
input-mask

IPv4 Input is a lightweight jQuery plugin that converts regular text fields into a Windows-style IP address input control......
input-mask IP-Address

polyMask.js is a lightweight, responsive, cross-browser jQuery masking plugin which allows you to apply SVG-based polygon mask / clipping on images or html elements......
SVG image-mask

Mask Loader is an easy-to-use jQuery plugin for displaying a loading overlay with a custom loading spinner which covers the whole page or a specified element......
loading-spinner loader loading-overlay

Tabinput is a jQuery plugin used to mask your input field with custom format & pattern that supports for auto tab functionality between separated sections......
input-mask auto-tab

Blur.js is a jQuery plugin which makes use of jQuery UI draggable and canvas 2D api to create a movable blur mask over a given element......
Blur Overlay

A tiny and simple-use jQuery plugin for adding input masks to your text fields using Html5 data attribute......
input-mask

A jQuery & jQuery UI plugin that implements a masked picker to fill in a custom-formatted string......
input-mask picker

Mail Mask is a jQuery plugin that replaces the default "@" sign of your Email addresses with a custom character to protect them from spam bots......
email

A fancy jQuery & CSS3 solution for textured text that places an image inside of your text as an animated background that reacts to mouse move......
Text-Effect background Mask

maskui is a lightweight yet powerful jQuery plugin which helps you create responsive clean dialog/alert/confirm boxes or modal windows with ease......
Modal alert confirm popup Dialog

A super simple jQuery plugin which allows you to reveal the password text on demand by clicking the toggle button in a password input......
input-mask Password

Secure Number Mask is a jQuery plugin used to mask text input field to prevent displaying the typed numbers......
input-mask Credit-Card

Credit.js is a super simple jQuery plugin to create an input mask for credit card that only accepts 16 credit card numbers......
input-mask Credit-Card

Just another jQuery plugin that creates a sticky semitransparent mask over the Html elements similar to the iOS 7 blur view......
Blur Mask iOS-7