After you create a field, you can edit it here.

Click on a new field or drag and drop below.

Bootstrap Form Builder


  1. Form elements: The tool should allow users to add different form elements such as text fields, checkboxes, radio buttons, select dropdowns, and more.
  2. Customization options: The tool should allow users to customize the appearance of form elements, such as changing the font size and color, adding borders, and more.
  3. Form layout: The tool should allow users to arrange form elements in a grid-based layout, and to specify the number of columns for each element.
  4. Responsiveness: The tool should allow users to specify different styles for different screen sizes, so the form adapts to different devices.
  5. Validation: The tool should allow users to add validation to form elements, such as requiring certain fields to be filled out or specifying minimum and maximum lengths for input.
  6. Form actions: The tool should allow users to add form actions such as submit buttons, reset buttons, and more.
  7. Code output: The tool should generate the HTML and CSS code for the form that the user can copy and paste into their own website.
  8. User-friendly interface: The tool should have an intuitive, user-friendly interface that makes it easy for users to create and customize forms.
  9. Accessibility: The tool should generate code that is accessible, including using appropriate ARIA attributes for screen readers.
  10. Bootstrap compatibility: The tool should be compatible with the Bootstrap framework, allowing users to take advantage of its pre-designed styles and components.
  11. Custom classes: The tool should allow users to add custom classes to form elements, so they can use custom styles if needed.
  12. Form templates: The tool could allow users to save form configurations as templates, making it easy to use the same form in multiple projects.
  13. Export options: The tool should allow users to export the form configuration and code in different formats, such as HTML, CSS, and JSON.