With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →
Top 23 Form Open-Source Projects
-
filament
A collection of beautiful full-stack components for Laravel. The perfect starting point for your next app. Using Livewire, Alpine.js and Tailwind CSS. (by filamentphp)
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
WorkOS
The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
-
JVFloatLabeledTextField
UITextField subclass with floating labels - inspired by Matt D. Smith's design: http://dribbble.com/shots/1254439--GIF-Mobile-Form-Interaction?list=users
-
XLForm
XLForm is the most flexible and powerful iOS library to create dynamic table-view forms. Fully compatible with Swift & Obj-C.
-
django-crispy-forms
The best way to have DRY Django forms. The app provides a tag and filter that lets you quickly render forms in a div format while providing an enormous amount of capability to configure and control the rendered HTML.
-
SurveyJS
Free Open-Source JavaScript form builder library with integration for React, Angular, Vue, jQuery, and Knockout that lets you load and run multiple web forms, or build your own self-hosted form management system, retaining all sensitive data on your servers. You have total freedom of choice as to the backend, because any server + database combination is fully compatible.
-
form
🤖 Powerful and type-safe form state management for the web. TS/JS, React Form, Solid Form, Lit Form and Vue Form. (by TanStack)
-
jsonform
Build forms from JSON Schema. Easily template-able. Compatible with Bootstrap 3 out of the box.
-
InfluxDB
Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
Project mention: Crafting Forms in React: Vanilla vs. React Hook Form vs. Formik | dev.to | 2024-04-12React Hook Form is one of the most popular libraries for building forms in React apps with over 39k stars on GitHub. The library has no external dependencies according to Bundle Phobia.
FilamentPHP is a full-stack web development tool, also called TALLKit, as it brings together the 4 knights of TALLStack (Tailwind, Alpine.js, Laravel, Livewire).
Project mention: Framework Interoperable Component Libraries Using Lit Web Components. | dev.to | 2023-10-08I've been very passionate about a project called react-jsonschema-form (github, editor). I personally hate writing forms, and love the idea of serializable components, schema, validation all in one. I've always wanted an alternative to this project that offered an alternative to react, and possibly the ability to render a schema form to static HTML (like ssg).
Project mention: Displaying multiple error messages on incorrect form entries with Vee-validate | Vue | dev.to | 2024-04-25In this blog post I am exploring the client-side form validation with Vee-validate (https://vee-validate.logaretm.com/v4/) and vee-validate/rules (https://www.npmjs.com/package/@vee-validate/rules).
Project mention: 5 Open-Source Next.js Projects Rocking 2024 (Learn the Patterns!) 🚀 | dev.to | 2024-04-05Github Repository: Here
if you're going to be dealing with forms then FormKit (not a UI library) is worth your time. It's an architecture-first form framework — can be used with any UI library if you prefer.
Tanstack - Tanstack has evolved to an entire ecosystem consisting of the famous Tanstack (or React) Query, Tanstack Table, now also Tanstack Router and Tanstack Form. It started with Tanstack Query, which adopted Nx and Nx Cloud. Zack talked about this collab with Dominik, and we also had Dominik on our Nx live stream. Now, all the above-mentioned Tanstack libs have adopted Nx, and there's more coming.
GitHub Repository:
Ngx-Formly Release Notes
Project mention: Vest: Declarative validations framework inspired by unit testing libraries | news.ycombinator.com | 2023-11-30
Project mention: Anything you wish there was an open source solution for? | /r/selfhosted | 2023-05-16
Project mention: Looking for an Android framework for dynamic form creation based on JSON schema | /r/androiddev | 2023-06-04I'm currently working on an Android app that requires dynamic form creation based on JSON schema. I came across the website jsonforms.io and was impressed by their framework for generating forms from JSON schema.
Forms related posts
- Best way to handle forms in Remix.run
- Show HN: Open-Source AI Surveys Builder Inspired by Notion
- Show HN: Free and Open-Source AI Surveys Inspired by Notion
- Show HN: Free and Open-Source AI Surveys Inspired by Notion
- 5 Open-Source Next.js Projects Rocking 2024 (Learn the Patterns!) 🚀
- Build Dynamic Forms with React Hook Form
- Form validation in Common Lisp
-
A note from our sponsor - SurveyJS
surveyjs.io | 25 Apr 2024
Index
What are some of the best open-source Form projects? This list will help you:
Project | Stars | |
---|---|---|
1 | react-hook-form | 39,505 |
2 | filament | 13,906 |
3 | react-jsonschema-form | 13,630 |
4 | redux-form | 12,572 |
5 | Eureka | 11,750 |
6 | vee-validate | 10,526 |
7 | react-final-form | 7,339 |
8 | JVFloatLabeledTextField | 7,203 |
9 | XLForm | 5,779 |
10 | formbricks | 5,475 |
11 | django-crispy-forms | 4,916 |
12 | formkit | 4,041 |
13 | SurveyJS | 3,923 |
14 | form | 3,327 |
15 | final-form | 2,983 |
16 | jsonform | 2,716 |
17 | ngx-formly | 2,715 |
18 | validate.js | 2,562 |
19 | Vest | 2,481 |
20 | django-bootstrap3 | 2,334 |
21 | react-widgets | 2,329 |
22 | formio | 1,947 |
23 | JSONForms | 1,945 |
Sponsored