html form builder open source

Depending on whether you need a full-stack application (with back-end submission storage) or an embeddable UI component to add to your existing codebase, here are the top open-source HTML form builders:

Full-Stack & Self-Hosted Form Builders

Formbricks

• Focus: Open-source Typeform alternative and experience management platform.

• Tech Stack: Next.js, Tailwind, TypeScript.

• Key Features: In-app surveys, webforms, response analytics, conditional logic, and integration webhooks.

• License: AGPL-3.0.

OpnForm

• Focus: Lightweight, no-code form builder for creating clean web forms quickly.

• Tech Stack: Vue / Nuxt, Laravel (PHP).

• Key Features: Drag-and-drop interface, custom domains, file uploads, email notifications, and webhooks.

• License: AGPL-3.0.

HeyForm

• Focus: Conversational, interactive form builder (similar to Typeform).

• Tech Stack: React, Node.js, TypeScript.

• Key Features: Interactive conversational layouts, customizable visual themes, analytics, and third-party integrations.

• License: AGPL-3.0.

Form.io

• Focus: Enterprise-grade platform that automatically builds database APIs alongside visual forms.

• Tech Stack: Node.js, Vanilla JS / React / Angular / Vue renderers.

• Key Features: Dynamic field visibility, dynamic calculations, dynamic API generation, and multi-page wizard forms.

• License: OSL-3.0 (Core Engine) / MIT (JS SDKs).

Embeddable UI Components (Drag-and-Drop & Schema-Based)

formBuilder (kevinchappell/formBuilder)

• Focus: Classic JavaScript drag-and-drop library for pure HTML output.

• Tech Stack: Native JS / jQuery wrapper.

• Key Features: Simple drag-and-drop UI canvas, exports raw HTML or JSON definitions, and allows rendering saved form schemas via formRender.

• License: MIT.

React JSONSchema Form (RJSF)

• Focus: Automatically generates valid HTML forms from a JSON Schema specification.

• Tech Stack: React (with theme support for Bootstrap, Material-UI, Ant Design, and Chakra UI).

• Key Features: Strong validation out of the box using JSON Schema standards, custom widget support, and live playground setup.

• License: Apache-2.0.

JSON Forms (Eclipse)

• Focus: Schema-driven form generator designed for complex enterprise dashboards.

• Tech Stack: Decoupled layout engine with renderers for React, Vue 3, and Angular.

• Key Features: Separates data schema from UI layout schema, supports dynamic custom layouts, and integrates easily with existing design systems.

• License: MIT.