A lightweight, dependency-free JavaScript library for building drag-and-drop forms. Generates clean JSON schema ready for your backend.
Designed for developer experience. Minimal configuration, maximum flexibility.
Position the toolbox on the left or right side of the canvas. Customize the entire form structure to fit your application's design system.
The builder exports a standardized JSON schema representing your form, ready to be stored in your database.
Enable or disable specific components. Only show users what they need, keeping the interface clean.
Don't like the default icons? Pass your own SVG strings or HTML to the configuration object for a fully branded experience.
Get up and running in seconds. Choose your preferred installation method below.
Use NPM or include the script tag directly.
Target any div ID to inject the builder.
Call `builder.getJson()` to retrieve the form schema.
Allow your users to build custom surveys, feedback forms, or application forms directly within your product dashboard.
Provide a flexible page building experience for your clients without needing to install heavy plugins like Elementor.
Quickly spin up admin panels where non-technical staff need to create data collection forms dynamically.
Yes! Since it relies on a simple DOM container (div), you can mount it inside a React `useEffect` or Vue `onMounted` hook easily.
The library architecture is modular. You can extend the `componentFactory` method in the source code to register new component types.
No. This is a Form Builder, not a form renderer. It outputs the JSON schema. You would need a separate parser to render the form for end-users.