Skip to content

Form Widgets

Input

Libraries for creating input widgets.

  • typeahead.js - A fast and fully-featured autocomplete library.
  • tag-it - A jQuery UI plugin to handle multi-tag fields as well as tag suggestions/autocomplete.
  • At.js - Add GitHub like mentions autocomplete to your application.
  • Placeholders.js - A JavaScript polyfill for the HTML5 placeholder attribute.
  • fancyInput - Makes typing in input fields fun with CSS3 effects.
  • jQuery-Tags-Input - Magically convert a simple text input into a cool tag list with this jQuery plugin.
  • vanilla-masker - A pure javascript mask input.
  • Ion.CheckRadio - jQuery plugin for styling checkboxes and radio-buttons. With skin support.
  • awesomplete - Ultra lightweight, usable, beautiful autocomplete with zero dependencies.
  • cleave.js - Format input text content when you are typing.
  • vanilla-text-mask - Input mask for React, Angular, Ember, Vue, & plain JavaScript.
  • input-mask - Inputmask is a javascript library which creates an input mask.
  • searchbox - Instant visual search.

Calendar

Date / time input widgets.

  • pickadate.js - The mobile-friendly, responsive, and lightweight jQuery date & time input picker.
  • bootstrap-datepicker - A datepicker for twitter bootstrap (@twbs) fork.
  • Pikaday - A refreshing JavaScript Datepicker — lightweight, no dependencies, modular CSS.
  • fullcalendar - Full-sized drag & drop event calendar.
  • rome - A customizable date (and time) picker. Dependency free, opt-in UI.
  • Date Range Picker - A JavaScript component for choosing date ranges, dates and times.
  • Duet Date Picker - Duet Date Picker is an open source version of Duet Design System's accessible date picker.
  • tui.calendar - A JavaScript calendar that has everything you need.
  • vanilla-calendar - A versatile JavaScript date and time picker component with TypeScript support, making it compatible with any JavaScript framework or library. It comes with support for multiple languages, themes, dark mode, and additional features.

Select

  • selectize.js - Selectize is the hybrid of a textbox and <select> box. It's jQuery based and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.
  • select2 - a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.
  • chosen - A library for making long, unwieldy select boxes more friendly.

File Uploader

  • jQuery-File-Upload - File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery.
  • dropzone - Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.
  • flow.js - A JavaScript library providing multiple simultaneous, stable, fault-tolerant and resumable/restartable file uploads via the HTML5 File API.
  • fine-uploader - Multiple file upload plugin with progress-bar, drag-and-drop, direct-to-S3 uploading.
  • FileAPI - A set of javascript tools for working with files. Multiupload, drag'n'drop and chunked file upload. Images: crop, resize and auto orientation by EXIF.
  • plupload - A JavaScript API for dealing with file uploads it supports features like multiple file selection, file type filtering, request chunking, client side image scaling and it uses different runtimes to achieve this such as HTML 5, Silverlight and Flash.
  • filepond - A flexible and fun JavaScript file upload library.
  • uppy - The next open source file uploader for web browsers.

Other

  • form - jQuery Form Plugin.
  • Garlic.js - Automatically persist your forms' text and select field values locally, until the form is submitted.
  • Countable - A JavaScript function to add live paragraph-, word- and character-counting to an HTML element.
  • card - Make your credit card form better in one line of code.
  • stretchy - Form element autosizing, the way it should be.
  • analytics - A lightweight, extendable analytics library designed to work with any third-party analytics provider to track page views, custom events, & identify users.
  • dat.GUI - A lightweight gui controller for changing variables in JavaScript.