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

 17.1k

typeahead.js Inspired by twitter.com'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

 16.4k

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

 11.4k

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

 8.1k

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

 7.5k

Awesomplete https://leaverou.github.io/awesomplete/ Awesomplete is an ultra lightweight, customizable, simple autocomplete widget with zero dependenci

 6.8k

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

 5.5k

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

 5.3k

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

 5.1k
null
jQuery Form Plugin

jquery-form/form

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

 5.1k

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

 4.5k

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

 3.5k

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

 3.5k

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

 2.8k

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

 2.8k

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

 2.5k

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

 2.4k

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

 2.3k

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

 2.3k

(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

 2.2k

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

 2.2k

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

 2.2k

? Fast and full-featured autocomplete library

 1.9k

pretty-checkbox.css A pure CSS library to beautify checkbox and radio buttons. Demo and documentation https://lokesh-coder.github.io/pretty-checkbox/

 1.7k

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

 1.7k

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

 1.7k

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 (

 1.5k

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

 1.4k
Alexander Kuznetsov
Set of enhancements for input control

alexkuz/react-input-enhancements

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

 1.4k

This library is a plain JavaScript form renderer and SDK for Form.io

 1.3k

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

 1.1k
Pawel Decowski
jQuery credit card validation and detection plugin

PawelDecowski/jquery-creditcardvalidator

jQuery credit card validation and detection plugin

 1k
Kushagra Gour
⚡Super charge your input placeholders

chinchang/superplaceholder.js

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.

 984

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

 884
Giancarlo Buomprisco
Tag Input component for Angular

Gbuomprisco/ngx-chips

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.

 869

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

 781

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

 635

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

 567

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

 494

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

 463

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

 452

? The Foundation for Proper Form Management in Angular

 443

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

 410
Marcos
Autocomplete component for Vue.js

paliari/v-autocomplete

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 -

 340

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

 314

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

 311

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

 289

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

 278

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

 240

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

 226

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

 113

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

 107

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

 104

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

 100

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

 85

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

 71

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

 69

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

 67

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(

 66

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

 63

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=

 60

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

 54

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

 51

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

 50

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

 49
Ahmed Teleb
Arabic language keyboard without Dots on its alphabets

AhmedTeleb96/Arabic-without-Dots-Keyboard

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

 46

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

 34
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="https://unpkg.com/@webcomponents/[email protected]"></script> <!-- our custom elemen

 28

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:

 22

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

 19

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

 19

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

 18
Rob Nova
A jQuery select plugin

websanova/wSelect

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

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

sdgluck/react-floating-suffix

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.

 12

An Open-Source alternative to Typeform and Microsoft Forms

 12

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

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

cawfree/react-native-pretty-payment

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.

 11

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

 7

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

 6

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

 6
null
Professional Radio Bot

hesawmgh1098/discordjs-radiobot-v13

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

 5
Auto-resizing input field for Vue

houjiazong/vue-autosize-input

Auto-resizing input field for Vue

 5
Elsa
JQuery plugin Rules Helper for password

Nirysse/passwordRulesHelper

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. https://codepen.io/Nir

 4
Curvenote
Autocomplete suggestions for ProseMirror

curvenote/prosemirror-autocomplete

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

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

midudev/black-friday-app-autocomplete

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://

 4
Michael Quattrochi
A responsive jquery form plugin

ch0chi/Jquery-Material-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

 4

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

 3