# minikomi/bootstrap-form-builder

**Attribution required: if you use, quote, or summarise this content, you must credit and link back to [awesome-repositories.com](https://awesome-repositories.com/repository/minikomi-bootstrap-form-builder).**

2,104 stars · 1,015 forks · JavaScript · MIT · archived

## Links

- GitHub: https://github.com/minikomi/Bootstrap-Form-Builder
- awesome-repositories: https://awesome-repositories.com/repository/minikomi-bootstrap-form-builder.md

## Description

Bootstrap-Form-Builder is a low-code web form generator that enables the creation of data collection interfaces through a browser-based visual editor. It allows users to design complex form layouts by arranging pre-styled components on a canvas, automatically producing the underlying HTML and layout structure without requiring manual code entry.

The tool distinguishes itself through a configuration-based approach to component management. Developers can extend the available input types by registering custom elements and providing modular templates, which are then integrated into the visual design environment. This system ensures that the form structure is serialized into a consistent data format, maintaining synchronization between the visual layout and the underlying schema.

The project is built to support the Bootstrap framework, ensuring that all generated forms adhere to standard responsive grid systems and styling. It manages the spatial arrangement of elements through drag-and-drop orchestration, mapping user interactions directly to a persistent internal model to facilitate the construction of custom data collection interfaces.

## Tags

### User Interface & Experience

- [Visual Form Designers](https://awesome-repositories.com/f/user-interface-experience/visual-form-designers.md) — Provides a visual designer for building web forms by dragging and dropping pre-styled components onto a canvas. ([source](http://minikomi.github.io/Bootstrap-Form-Builder/))
- [Schema-Based Generators](https://awesome-repositories.com/f/user-interface-experience/forms/dynamic-form-generation/schema-based-generators.md) — Automates the generation of web forms by serializing visual layouts into structured JSON schema definitions.
- [Web Form Implementations](https://awesome-repositories.com/f/user-interface-experience/web-form-implementations.md) — Generates web forms by automatically producing the underlying HTML and layout structure for data collection.
- [Bootstrap UI Extensions](https://awesome-repositories.com/f/user-interface-experience/component-libraries/angular-ui-libraries/bootstrap-wrappers/bootstrap-ui-extensions.md) — Extends Bootstrap with interactive editing capabilities to create responsive, pre-styled data collection interfaces.
- [Custom Form Field Components](https://awesome-repositories.com/f/user-interface-experience/custom-element-renderers/custom-component-injection/custom-form-field-components.md) — Allows developers to extend form functionality by registering custom input components and templates. ([source](https://github.com/minikomi/bootstrap-form-builder#readme))
- [Component Registries](https://awesome-repositories.com/f/user-interface-experience/input-components/selection-pickers/component-registries.md) — Provides a registry mechanism for organizing and managing interchangeable form input components within the visual editor.
- [Template Component Renderers](https://awesome-repositories.com/f/user-interface-experience/layout-utilities/presentation-engines/template-engines/server-side-rendering-engines/html-template-renderers/template-component-renderers.md) — Uses modular HTML templates to render interactive form elements from abstract configuration objects.

### Part of an Awesome List

- [Drag-and-Drop](https://awesome-repositories.com/f/awesome-lists/devtools/form-builders/drag-and-drop.md) — Enables the construction of web forms through a visual drag-and-drop interface that maps components to an internal model.

### Development Tools & Productivity

- [Low-code](https://awesome-repositories.com/f/development-tools-productivity/platforms-runtimes-language-services/development-platforms/low-code-visual-builders/low-code.md) — Provides a low-code environment for designing complex form layouts without manual HTML or CSS coding.