JavaScript Form Widgets

Open-source JavaScript projects categorized as Form Widgets
Edit details
Topics: #JavaScript #File Uploader #Input #Calendar #Other
Collect and Analyze Billions of Data Points in Real Time
Manage all types of time series data in a single, purpose-built database. Run at any scale in any environment in the cloud, on-premises, or at the edge.
www.influxdata.com
Sponsored

Top 23 JavaScript Form Widget Projects

  • Uppy

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

    Project mention: Pre-made solution for allowing a client to upload a file to my web hosting (via browser, not FTP client)? | /r/web_design | 2023-06-26

    I just found uppy. This will be the next one I use. https://uppy.io/

  • select2

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

    Project mention: I add a log database for my Django project what to do ?? | /r/django | 2023-05-24

    I’m a fan of select2 (https://select2.org), it supports loading in data from a foreign source (API)

  • Appwrite

    Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file 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.

  • typeahead.js

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

  • filepond

    🌊 A flexible and fun JavaScript file upload library

    Project mention: Can anyone suggest PHP, JavaScript File Manager tool with Crop tool integrated? | /r/PHP | 2023-05-22

    Have a look at https://pqina.nl/filepond/

  • bootstrap-datepicker

    A datepicker for twitter bootstrap (@twbs)

  • daterangepicker

    JavaScript Date Range, Date and Time Picker Component

    Project mention: Ask HN: Have you built programming projects that now is your main income source? | news.ycombinator.com | 2023-02-04

    Yes, that's how I've supported myself my entire life. I'm 38, and started programming when I was 12. I have created dozens of products/services/businesses over the past two decades, but only a few were successful enough to live off of:

    (1) https://www.improvely.com launched in 2012, peaked at $45K MRR, and still makes about $25K MRR.

    (2) A collection of Shopify apps, which are tools or services people can add to a Shopify-hosted ecommerce store via Shopify's app store. Improvely has an app there, where I also offer apps for several other common ecommerce store needs: contact forms, newsletter opt-in forms, sale banners, social media icons, etc. Shopify handles the billing and passes through 100% of the revenue you earn up to $1 million per year, after which they take a percentage stake. I make a few thousand per month from their app store.

    (3) Google AdSense ads, primarily on the documentation sites for various open source libraries I wrote over the years. http://www.daterangepicker.com has been generating pretty consistent ad revenue for 10 years now for example, and I occasionally run into that library in the wild on all kinds of websites, from local businesses to the US government.

    After I got married and settled down a bit, I have honestly had less passion for programming than I had in my 20s and early 30s. I find myself using others' libraries, products and services more readily where I would have built my own solution to a problem in the past.

    But I've rekindled the maker/entrepreneur spirit by genre switching so to speak, from code to physical goods. I bought a bunch of production equipment, specialized printers, a laser cutter and engraver, 3D printer, heat press, etc. I now make what could be another full time income ($60K per year or so) selling custom signage to small businesses. For example, I spent yesterday designing then manufacturing a couple dozen custom coasters for someone that owns two small hotel type properties in a ski resort area. The coasters have their wifi SSID/password and a QR code on them that connects a guest to their wifi when scanned.

  • Amplication

    Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.

  • bootstrap-select

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

    Project mention: How does jQuery class selector return an object? | /r/jquery | 2022-10-13

    I have a multiselect widget in a modal. Because the multiselect has dynamically generated values, I need to call $('select').selectpicker(); when the modal code is injected.

  • Pikaday

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

    Project mention: Is there any simple datepicker package that allows to select year/month with a dropdown? (like jQuery UI) | /r/webdev | 2023-01-26

    There are bootstrap date pickers, for example https://bootstrap-datepicker.readthedocs.io/en/latest/, but it requires JQuery. There's also a very lightweight library, Pickaday (https://github.com/Pikaday/Pikaday). Theres no shortage of controls out there, you just need to balance weight and dependencies vs. the features you are looking for.

  • pickadate.js

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

  • dat.gui

    Lightweight controller library for JavaScript.

    Project mention: Atomic orbitals viewer | /r/Physics | 2023-01-10

    I have looked into the text box issue. I am using a listener on the sliders that update them when switching to a different orbitals. This listener deactivate the ability to change the number in the text box directly. It seems to have been notified already but was never fixed: https://github.com/dataarts/dat.gui/issues/206

  • awesomplete

    Ultra lightweight, usable, beautiful autocomplete with zero dependencies.

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

  • 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

  • flow.js

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

    Project mention: Typescript vs Flow? and why? | /r/Frontend | 2023-05-20

    I think you are mistaking Flow unmaintained for Flow actively maintained.

  • rome

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

  • tag-it

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

    Project mention: How do I avoid tags wrapping and display the tags in one line (TagIt plugin). | /r/webdev | 2023-03-19

    I want to avoid tags wrapping and display the tags in one line using jQuery TagIt plugin. I created a TagIt input element using steps in this repository.

  • analytics

    Lightweight analytics abstraction layer for tracking page views, custom events, & identifying visitors (by DavidWells)

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

  • vanilla-masker

    VanillaMasker is a pure javascript mask input

  • SurveyJS

    A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.

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 2023-06-26.

JavaScript Form Widgets related posts

Index

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

Project Stars
1 Uppy 27,318
2 select2 25,700
3 dropzone 17,525
4 typeahead.js 16,537
5 filepond 14,073
6 bootstrap-datepicker 12,604
7 daterangepicker 10,749
8 bootstrap-select 9,778
9 Pikaday 7,951
10 pickadate.js 7,721
11 dat.gui 7,013
12 awesomplete 6,925
13 plupload 5,608
14 form 5,205
15 FileAPI 3,585
16 jQuery-Autocomplete 3,543
17 flow.js 2,927
18 rome 2,913
19 tag-it 2,501
20 analytics 2,166
21 jquery multi-select 1,894
22 Countable 1,639
23 vanilla-masker 1,283

Sponsored
Updating dependencies is time-consuming.
Solutions like Dependabot or Renovate update but don't merge dependencies. You need to do it manually while it could be fully automated! Add a Merge Queue to your workflow and stop caring about PR management & merging. Try Mergify for free.
blog.mergify.com