JavaScript Form Widgets

Open-source JavaScript projects categorized as Form Widgets | Edit details

Top 23 JavaScript Form Widget Projects

  • select2

    Select2 is a jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

    Project mention: Using Slider2.js inside webflow | | 2022-04-21

    Has anybody worked with select2.js inside webflow? I've followed the basic setup guidelines from here and then tried debugging by going through this thread, and this. Somehow, I'm still unable to populate my select dropdown with array values and bring in a search field. Any other methods?

  • Uppy

    The next open source file uploader for web browsers :dog:

    Project mention: couldn't run yarn start | | 2022-04-25
  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • dropzone

    Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.

    Project mention: How do you drag and drop files into pyscript ? | | 2022-05-06
  • typeahead.js

    typeahead.js is a fast and fully-featured autocomplete library

    Project mention: Is there a way to “extend” the HTML select native search? | | 2022-02-19

    You can check out something like this:

  • 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.

    Project mention: 15 JavaScript GitHub Repos You Should Check Out | | 2022-01-31


  • bootstrap-datepicker

    A datepicker for twitter bootstrap (@twbs)

    Project mention: Help Escaping Input On Change Infinite Loop | | 2021-08-24


  • filepond

    🌊 A flexible and fun JavaScript file upload library

    Project mention: Can't get Django to work with FilePond for some reason | | 2022-02-22

    I've had this problem for a while. I'm using filepond on the frontend for uploading files, and I've followed their setup documentation, but I cannot for the life of me get it to work. I'm using django-drf-filepond as the backend for my FilePond uploads, but I keep getting `Bad Request: /uploads/process/` errors. My FilePond configuration is

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • daterangepicker

    JavaScript Date Range, Date and Time Picker Component

    Project mention: JavaScript Date Range, Date and Time Picker Component | | 2022-02-17
  • tui.calendar

    🍞📅A JavaScript calendar that has everything you need.

    Project mention: Tips on how to create a Calendar? | | 2022-04-24

    If you want a big calendar as opposed to something like a datepicker, TUI-calendar is really full of features out of the box. react-big-calendar is another alternative which is very flexible and less opinionated.

  • bootstrap-select

    :rocket: The jQuery plugin that brings select elements into the 21st century with intuitive multiselection, searching, and much more.

    Project mention: How do I listen to events dispatched by other libraries? | | 2022-05-04

    I'm trying to add Alpine to an existing project that uses bootstrap-select to create select boxes. I'm having issues triggering actions when a selection is made.

  • Pikaday

    A refreshing JavaScript Datepicker — lightweight, no dependencies, modular CSS

    Project mention: Chrome 99 will ship with the HTMLInputElement showPicker() method - show a browser picker for &lt;input&gt; elements with these types: "date", "month", "week", "time", "datetime-local", "color", and "file" | | 2022-01-28
  • pickadate.js

    The mobile-friendly, responsive, and lightweight jQuery date & time input picker.

  • awesomplete

    Ultra lightweight, usable, beautiful autocomplete with zero dependencies.

  • dat.gui

    Lightweight controller library for JavaScript.

    Project mention: Sliderland – Creative coding with 64 HTML sliders | | 2022-05-13

    Fun and simple, nice. I'd love to see the raw values presented using something like dat.gui, as well as basic play/pause/step controls.

  • plupload

    Plupload is JavaScript API for building file uploaders. It supports multiple file selection, file filtering, chunked upload, client side image downsizing and when necessary can fallback to alternative runtimes, like Flash and Silverlight.

    Project mention: Uploading large file over HTTP | | 2022-02-02

    I think this is what I used a while back when uploading videos (not 100% sure though)

  • form

    jQuery Form Plugin

  • FileAPI

    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.

  • jQuery-Autocomplete

    Ajax Autocomplete for jQuery allows you to easily create autocomplete/autosuggest boxes for text input fields

  • rome

    :calendar: Customizable date (and time) picker. Opt-in UI, no jQuery!

    Project mention: Modern, faster alternatives to ESLint | | 2022-05-03

    Rome is much more than a linter, it is a combination of several tools under one library, and therefore, Rome provides way more functionalities and features than ESLint. Rome is still in development, although the parsing and code formatting features have been released and are available through npm. In summary, its aims are lofty, and with time it could be a significant disruptor to tooling in the JavaScript ecosystem.

  • flow.js

    A JavaScript library providing multiple simultaneous, stable, fault-tolerant and resumable/restartable file uploads via the HTML5 File API.

  • tag-it

    A jQuery UI plugin to handle multi-tag fields as well as tag suggestions/autocomplete.

    Project mention: Override twitter bootstrap Textbox Glow and Shadows | | 2022-04-12

    I want to do this because i am using the jquery plugin Tag-it and i am using twitter bootstrap also, the plugin uses a hidden textField to add the tags, but when i am using twitter bootstrap it appears as a textbox with glow inside a textbox which is a little bit odd

  • jquery multi-select

    A user-friendlier drop-in replacement for the standard select with multiple attribute activated.

  • Countable

    Add live paragraph-, word- and character-counting to an HTML element.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2022-05-13.

JavaScript Form Widgets related posts


What are some of the best open-source Form Widget projects in JavaScript? This list will help you:

Project Stars
1 select2 25,306
2 Uppy 25,223
3 dropzone 16,491
4 typeahead.js 16,403
5 selectize.js 12,811
6 bootstrap-datepicker 12,510
7 filepond 12,449
8 daterangepicker 10,361
9 tui.calendar 9,891
10 bootstrap-select 9,548
11 Pikaday 7,832
12 pickadate.js 7,744
13 awesomplete 6,852
14 dat.gui 6,157
15 plupload 5,539
16 form 5,141
17 FileAPI 3,581
18 jQuery-Autocomplete 3,485
19 rome 2,907
20 flow.js 2,853
21 tag-it 2,494
22 jquery multi-select 1,867
23 Countable 1,623
Find remote jobs at our new job board There are 7 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.