JavaScript Form Widgets Input

Cleave.js Cleave.js has a simple purpose: to help you format input text content automatically. Features Credit card number formatting Phone number formatting (i18n js lib separated for each country to redu


typeahead.js Inspired by's autocomplete search functionality, typeahead.js is a flexible JavaScript library that provides a strong foundation for building robust typeaheads. The typeahead.js library consists of 2


Card - check out the demo A better credit card form in one line of code Card will take any credit card form and make it the best part of the checkout


⚠️ This library is not maintained. Pull-requests and issues are not monitored. Alternatives to text-mask include: If you know other alternatives that should be listed here, email


iCheck plugin 1.0.2 Highly customizable checkboxes and radio buttons for jQuery and Zepto. Refer to the iCheck website for examples. Note: iCheck v2.0 is on the way, it got a huge performance boost, many new options a


Awesomplete Awesomplete is an ultra lightweight, customizable, simple autocomplete widget with zero dependenci


vue-interactive-paycard (npm package (for react & react-native either) is coming soon) A fantastic credit card form with smooth and sweet micro-interactions. Includes number formatting, validation and automatic card type dete


⚠️ Announcement ⚠️ This project was no longer maintained. You could use zurb tribute instead. An autocompletion library to autocomplete mentions, smil


Bootstrap Switch Turn checkboxes and radio buttons into toggle switches. Created by Mattia Larentis, maintained by Emanuele Marchi and Peter Stein with the help of the community. Compatible with Bootstrap 4, Bootstrap 3 and B

jQuery Form Plugin


jQuery Form Overview The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how t


A visual form designer/generator base on Vue.js, make form development simple and efficient.(基于Vue的可视化表单设计器,让表单开发简单而高效。)


imaskjs vanilla javascript input mask Features get and set raw and unmasked values easily no external dependencies supports overwrite mode supports web components supports contenteditable RegEx


autoComplete.js ✨ Simple autocomplete pure vanilla Javascript library. ? Live Demo v7.2 autoComplete.js is a simple pure vanilla Javascript library that's progressively designed f


React Native Textinput Effects I've come across with those beautiful text inputs created and blogged by Codrops and wanted to port them to react-native. Some of those text fields are now ready to use in iOS and android thanks to


? Final Form ✅ Zero dependencies ✅ Framework agnostic ✅ Opt-in subscriptions - only update on the state you need! ✅ ? 3.5k gzipped ? Installation npm


Tag-it: a jQuery UI plugin Tag-it is a simple and configurable tag editing widget with autocomplete support. Homepage Demo Check the examples.html for


Transforms an input field or a textarea into a Tags component, in an easy, customizable way, with great performance and small code footprint, exploded with features.Vanilla ⚡ React ⚡ Vue ⚡ Angular


jQuery Tags Input Plugin Do you use tags to organize content on your site? This plugin will turn your boring tag list into a magical input that turns each tag into a style-able object with its own delete link. The plugin handles


jQuery Raty - A Star Rating Plugin Rails Rating? This is Rating: ⭐ Usage with Image jquery.raty.js star-off.png star-on.png <script src="jque


(jQuery) Uniform A jQuery plugin to make your form controls look how you want them to. Now with HTML-5 attributes! Works well with jQuery 1.6+, but we


formBuilder v1.24.2 A jQuery plugin for drag and drop form creation Usage To start building forms with this plugin call formBuilder() on the block element you would like to make your editor. FormBuilder takes a numb


rangeslider.js Simple, small and fast jQuery polyfill for the HTML5 <input type="range"> slider element. Check out the examples. Touchscreen friendly Recalculates onresize so suitable for use within respon


? Fast and full-featured autocomplete library


pretty-checkbox.css A pure CSS library to beautify checkbox and radio buttons. Demo and documentation


Bootstrap 3 Typeahead For simple autocomplete use cases there seems to be nothing wrong with the dropped typeahead plugin. Here you will find the typeahead autocomplete plugin for Twitter's Bootstrap 2 ready to use with Twitter


A jQuery on-screen keyboard (OSK) plugin that works in the browser. Originally posted by Jeremy Satterfield in his blog, jQuery plugins and on Snipplr. Currently maintained by Mottie. Features (Demo) Ease of use


The Mask A lightweight (2KB gzipped) and dependency free mask input created specific for Vue.js Docs and Demo JsFiddle Install yarn add vue-the-mask or npm i -S vue-the-mask Usage (


eSQLate Project Purpose eSQLate is an attempt to give small teams a quick and easy form of administration panel which is significantly more powerful than CRUD based systems but also as

Alexander Kuznetsov
Set of enhancements for input control


This project was originally thought to be an experiment and currently is unmaintained (and buggy) Use it at your own risk react-input-enhancements Set of enhancements for input control The intention of creating this libra


This library is a plain JavaScript form renderer and SDK for


Dragdealer.js Drag-based JavaScript component, embracing endless UI solutions Specs & (sweet) demos: Install The basic way to install Dragdealer is to include the minified sc

Pawel Decowski
jQuery credit card validation and detection plugin


jQuery credit card validation and detection plugin

Kushagra Gour
⚡Super charge your input placeholders


superplaceholder.js Super charge your input placeholders DEMO • Installation • Usage superplaceholder.js is a library to bring your input placeholders to life by cycling multiple instructions in a single input placeholder.


Vue.js 2 toggle / switch button - simple, pretty, customizable. Feel free to ask questions or propose features in the "Issues" section Live demo here Install: npm install vue-js-toggle-button --save Import: import T

Giancarlo Buomprisco
Tag Input component for Angular


Tag Input Component for Angular This is a component for Angular >= 4. Design and API are blandly inspired by Angular Material's md-chips. Formerly called ng2-tag-input. Demo Check out the live demo.


Tags Manager v3.0.2 A jQuery plugin to create tag input fields, which works nicely with Twitter Typeahead.js and Twitter Bootstrap Demo and Documentation See a demo and read all the documentation at http://welldonethi


Chroma-Hash A sexy, secure visualization of password field input Chroma-Hash is a jQuery plugin that dynamically visualizes secure text-field values using ambient color bars Password entry can be frustrating, especially with lo


formbase Better default styles for common input elements. formbase eliminates cross browser bugs, inconsistencies across systems and applies a beautiful default styling to several input elements. Contents De


Switch ? A simple and powerful iOS style switch for checkbox. Live Preview Installation Standalone: <link rel="stylesheet" href="dist/switch.css" /> <script src="dist/switch.js">&l


Input Masking Features input-mask.js enables you to include a mask on any input where a specific data entry format is required. The placeholder text remains in place, displaying which characters still need to be includ


A tiny (532B) library for handling <form> elements Features Includes serialize and validation methods Compatible with any UI library Fully tree-shakeable Additionally, this modul


? The Foundation for Proper Form Management in Angular


Vue Instant! vue instant allows you to easily create custom search controls with auto suggestions for your vue 2 applications. Table of contents Examples Installation Examples Project page ht

Autocomplete component for Vue.js


v-autocomplete Autocomplete component for Vue.js This component is css-free. The idea is to be used with any framework. Installation Using yarn yarn add v-autocomplete Using npm npm i -


Angular Dynamic Forms Check out the live version, 78KB fully AoT'd and minified Follow the tutorial You can follow the tutorial here Running the seed or final project To get started wit


Capture feedback in one organized place to inform your product decisions. Let users help you decide, persevere or pivot!


Material Floating Button Material design floating button action implementation. Made to be semantic, fast and easy to customize. Shamelessly inspired by action buttons from Google Inbox, Evernote and Path. See a demo here to se


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


A-Frame Material Kit ? This is real! WebVR is getting even better! Inputs, keyboard, buttons, checkboxes, radio buttons, switches, forms, toasts and more - following the Google Material design guideline for A-Frame. It is


Numscrubber.js Let's change values of input numbers by dragging the mouse left & right Install Include numscrubber.js file <script src="src/numscrubber.js"></script> or use CDN <link re


FormQL is a framework for building dynamic forms in Angular. It comes with an editor that offers a drag and drop functionality to make it easier for non technical users to maintain the forms as well as an extensible APIs for allowing deve


A small set of magnetic buttons with some fun hover animations. Inspired by the button animation seen on Cuberto.


GraphQL Form Helpers A light-weight (1kb) package for dealing with complicated forms that have nested data and use GraphQL. We use it in combination with Formik, Apollo Client and Prisma, but it is not specific to one of those


jQuery Pretty Dropdowns Pretty Dropdowns is a simple, lightweight jQuery plugin that converts <select> drop-down menus into "pretty" menus that you can skin using CSS. Features: Two arrow styles and sizes to


Scittle The Small Clojure Interpreter exposed for usage in script tags. See Github pages for usage. Tasks Run bb tasks to see all available tasks: $ b


jQuery.NumPad Flexible touch-optimized numeric keypad for web applications based on jQuery. One of the best things about jQuery.NumPad is that it can easily fit into most UI frameworks using jQuery by merely setting a few templat


English description | Описание на русском jQuery-plugin for styling checkboxes and radio-buttons. With skin support. Version: 2.0.0 Project page and d


quickstart.js: A micro-form for user-specific installation instructions If you're publishing open-source software, you're probably familiar with this scenario: You want to make it easy for your users to download, install and use


Textarea Autosize Autosizes textarea to size of its contents. Installation $ npm install @github/textarea-autosize Usage import autosize from '@github/textarea-autosize' autosize(document.querySelector(


? minimal-feedback is a blazingly fast and highly customizable component to get user feedback.


Checkbix Simple vanilla Javascript plugin for enhancing checkboxes using CSS. Accessible, lightweight and easy to use. No dependencies. Usage <input id="mycheckbox" type="checkbox" class="checkbix" data-text=


Checkboxradio jQuery or Shoestring Plugin for progressively enhanced radio buttons and checkboxes Dependencies jQuery or Shoestring Getting Started Download the production version or the developmen


jQuery Form Animation Plugin - Form Animation: when form validation <3 animate.css The jQuery Form Animation Plugin provides drop-in animation for your existing forms, while making all kinds of customizations to fit your appli


Check this project on Dribbble GoButton This button is used for displaying an animation while a request is going. It could be run with infinite animation loop or with finit animation as well. Instal


Formily-Schema-Editor 从表单数据结构出发,帮助你快速搭建表单

Ahmed Teleb
Arabic language keyboard without Dots on its alphabets


Arabic-without-Dots-Keyboard Arabic language keyboard without Dots on its alphabets After installing the APK go to Virtual Keyboard then "Manage Keybo


Growy Textarea-like web component which expands the height as the user types something DEMO Demo Features 100% Web Component ? Dependency free ? Does one thing righ

Aaron Shafovaloff" style="min-width: 65px;min-height: 65px;" class="image-fit lazy">

It's easy peasy Without HTML imports <!-- Custom Elements v1 polyfill (2.9KB) --> <script src="[email protected]"></script> <!-- our custom elemen


Fajax JQuery plugin for ajaxifying forms with file support. It's wrapper of $.ajax function. It's extra lightweight: less than 0.5 KB of minified version. Let's try the demo. Installation You can install it via npm:


Login Pages Database forms a knowledge base on login pages related to malicious activities (C2 panels, phishing kits...).


This is a very simple floating WhatsApp button plugin for jQuery.


Want to generate polls instantly and want real-time results without a single refresh, then Insta Poll is here to rescue.

Rob Nova
A jQuery select plugin


wSelect.js A jQuery plugin for fully customizable and clean looking select boxes. These are div based select boxes that will allow us to do additional things like adding icons to our options. View the wSelect demo Download

Sam Gluck
:cloud: Don't let that suffix outta sight!


react-floating-suffix ☁️ Don't let that suffix outta sight! Made with ❤ at @outlandish Float an extension/suffix/whatevs so that it displays to the right of the content even if the content overflows.


An Open-Source alternative to Typeform and Microsoft Forms


multiSwitch A switch jQuery plugin without an initial option Demo: Installation Include script after the jQuery library: <script src="src/multi-switch.js"></script

Alexander Thomas
⚛️ Super pretty payment inputs for React Native.


Super pretty payment inputs for React Native. It exports a bunch of hooks and utility components to help you deliver a sweeter payment experience, faster. It uses bignumber.js to avoid floating point rounding errors.


Simple-button-checks 3 Simple button checks is a simple plugin for transform checkbox inputs into html buttons for css customize. High performance, keyboard support and preserve original input click/change events. Demo


Brute Select Simple select implementation with customizable styles. It retains default browser behavior for dropdown list itself while making possible adjusting all aspects of collapsed view of select. What makes Brute Select re


wCheck.js A jQuery plugin for fully customizable checkbox and radio input options. The plugin uses images for background themes and selectors to allow for compatability with more browsers. Applying this plugin will not effect any

Professional Radio Bot


Discord Radio Bot ? Requirements Discord Bot Token And Client Id Guide Node.js v16.0.0 or newer Features: ✓ Super fast & High Quality ✓ Has more than

Auto-resizing input field for Vue


Auto-resizing input field for Vue

JQuery plugin Rules Helper for password


PasswordRulesHelper 1.0.6 Introduction passwordRulesHelper is a JQuery plugin to help users to indicate a right password in your form. There are 5 defaults rules, but you can add custom's rules.

Autocomplete suggestions for ProseMirror


prosemirror-autocomplete A plugin for ProseMirror that adds triggers for #hashtags, @mentions, /menus, and other more complex autocompletions. The pro

Miguel Ángel Durán
Using Algolia Autocomplete for Black Friday app


This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

Michael Quattrochi
A responsive jquery form plugin


Jquery Material Form Plugin View the demo Version 1.0 Getting Started Setup for the plugin is simple, but first it does require that Twitter Bootstrap, Jquery, and (optional) Font Awesome be installed. Ok


Predicts the input value during KeyDown or KeyPress events, before the input is actually changed.