jQuery formBuilder

Drag and drop form creation for your app.


jQuery formBuilder is a 100% client-side plugin that gives users the power to create forms using an intuitive drag and drop interface. FormBuilder supports a number of form fields and some html tags.

formRender is the companion plugin to formBuilder that lets you render the results of the created form. A typical use case would have formBuilder in an admin area of a site or app and formRender on the front-end. For this reason formRender and formBuilder are 2 separate plugins but can be used together to create an edit toggle.


  • Customization - enable only the fields you need, use your own notifications append or prepend content and more.
  • Bootstrap ready but not dependent
  • Translatable

Project layout

    demo/             # Website for http://formbuilder.online
    dist/             # Compiled files for distribution
        index.md      # The documentation homepage.
        ...           # Other markdown pages, images and other files.
    src/              # Source files for editing the plugin
    .fontello         # Fontello session token used for editing the icon font
    .sass-lint.yml    # Config file for sass-lint to maintain css quality and style
    CONTRIBUTING.md   # Contributor guidelines
    gulpfile.babel.js # Build process
    mkdocs.yml        # The configuration file.
    package.json      # Plugin config. Files in build process are stored in the `"config"` property.