Input Types

Input controls, such as date pickers, autocompleters and rich text editors.


DragSelect

Select any DOM element by clicking and/or dragging with your mouse just like you would in a desktop app.

Imaskjs

Create event driven pattern masks for input fields. A very new development that may still contain some bugs.

SimpleValidate

A simple and minimal form validation plugin.

dragNdrop

Easily add drag and drop functionality to DOM elements.

Validate.js

This library provides a declarative way of validating HTML form inputs.

Tags

A simple graphical tags input field with few options.

Component Picker

An iPhone-style form field widget that can be used to select dates or whatever you pass into it.

BunnyJS Form Validation

A plugin for smart form and input field validation.

Cleave.js

Format text input fields while typing, e.g. for date/time, credit card number, thousands separator, or decimal mark.

superplaceholder.js

Input field placeholders with scrolling help texts.

flatpickr

A lightweight and powerful date/time picker.

validate.js

A lightweight and customizable form validation library inspired by CodeIgniter.

Tribute.js

An autocompleter plugin for selecting usernames by typing the @ symbol in input fields, textareas, or any element that supports contenteditable.

DropzoneJS

An open source library that provides drag’n’drop file uploads with image previews. Requires IE 10+.

Signature Pad

A JavaScript library for drawing smooth signatures on an HTML5 canvas.

Stretchy Form Element Autosizing

Auto-resize textareas, input fields and select boxes on update.

Countable.js

A small library to add live paragraph-, word- and character-counting to an HTML element.

Image Crop Component

Crop images with configurable aspect ratio, minimum and maximum dimensions, etc. Great, but requires a license.

Taggle.js

A form-ready tagging component generating a list of hidden input fields.

horsey

A fast, easy to use, reliable, and customizable autocomplete component.

dragula

Drag and drop so simple it hurts. Sort or move items in a list.

SVG-edit

SVG-edit is a fast, web-based, JavaScript-driven SVG drawing editor that works in any modern browser.

Autosize

A small, stand-alone script to automatically adjust textarea height. The plugin has a slight flicker issue on IE on resize.

Microjs

An extensive collection of useful Vanilla JS tools and plugins.

... 12 ...