dynamic-form-builder

Open-source JavaScript form library for React, Angular, Vue, and plain JavaScript. Render dynamic JSON-driven forms, multi-step form wizards, surveys, quizzes, and other data-entry tools.

XIAOJUSURVEY is an enterprises form builder and analytics platform that allows users to create questionnaires, exams, polls, quizzes, and analyze data online.

Create Angular Dynamic Forms with only JSON configuration. Full grid layout supported.

Formkl (Form markup language) is an open-source DSL (Domain-Specific Language) to define and create form schema. It is designed to be simple, consistent and highly readable as natural language.

This is an Angular project consisting of two primary components: Form Builder and Form Renderer. These components enable users to create dynamic forms through a drag-and-drop interface, render the forms, submit them, and view the submissions. And all the forms and submission are stored in a JSON format.

A simple and intuitive dynamic form builder.

An AI driven, frappe-inspired metadata-driven customizable form builder in Angular

Angular dynamic form builder

Basic concepts of form handling in React using custom hooks. It progresses to incorporate Formik and Yup for advanced forms. By the end, it features the creation of dynamic forms from JSON objects.

Example Solutions for harvis.dev

A dynamic form builder built with React that renders UI based on a JSON configuration. Supports conditional rendering, dropdown-based field selection, and nested dynamic inputs. Built as part of an interview assignment to demonstrate understanding of dynamic forms and state management.

Dynamic Form Builder - Example

A production-quality React application with two independent features: a Todo List (API data, filtering, server-side pagination, URL-persisted state) and a Dynamic Form Builder (custom form schema builder + live preview + validation + submission).