Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work. Learn more →
Top 23 JavaScript Form Widget Projects
-
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.
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.
-
-
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/
-
-
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.
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.
-
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.
-
-
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
-
-
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.
-
-
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.
I think you are mistaking Flow unmaintained for Flow actively maintained.
-
-
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.
-
-
-
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.
JavaScript Form Widgets related posts
- Pre-made solution for allowing a client to upload a file to my web hosting (via browser, not FTP client)?
- I add a log database for my Django project what to do ??
- Can anyone suggest PHP, JavaScript File Manager tool with Crop tool integrated?
- Typescript vs Flow? and why?
- Formset factory for displaying hundreds of records for editing. Is there a better way?
- BEST way to upload images to AWS from Next?
- search box in select tag
-
A note from our sponsor - Sonar
www.sonarsource.com | 30 Sep 2023
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 |