https://github.com/kevinchappell/formbuilder

A jQuery plugin for drag and drop form creation
https://github.com/kevinchappell/formbuilder

form-builder javascript jquery-plugin

Last synced: 8 months ago
JSON representation

A jQuery plugin for drag and drop form creation

• Host: GitHub
• URL: https://github.com/kevinchappell/formbuilder
• Owner: kevinchappell
• License: mit
• Created: 2015-01-03T12:02:26.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2025-05-05T11:30:26.000Z (9 months ago)
• Last Synced: 2025-05-09T11:47:55.945Z (9 months ago)
• Topics: form-builder, javascript, jquery-plugin
• Language: JavaScript
• Homepage: https://formbuilder.online
• Size: 24.3 MB
• Stars: 2,676
• Watchers: 136
• Forks: 1,425
• Open Issues: 102
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

          
# formBuilder [![npm version](https://badge.fury.io/js/formBuilder.svg)](https://badge.fury.io/js/formBuilder) [![Join the chat at https://gitter.im/kevinchappell/formBuilder](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/kevinchappell/formBuilder?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

A jQuery plugin for drag and drop form creation, formBuilder has [many options](https://formbuilder.online/docs/formBuilder/overview/) and is translatable.

**Example**

```javascript

jQuery($ => {

  $('#fb-editor').formBuilder()

})

```

## [Editor Demo](https://formbuilder.online/)

[![form-builder](https://cloud.githubusercontent.com/assets/1457540/16901016/d415f75c-4c2e-11e6-8687-a84c9822162d.png)](https://formbuilder.online/)

## [API Demo](https://kevinchappell.github.io/formBuilder/)

## [Documentation](https://formbuilder.online/docs)

### Browser Support

| ![Chrome](https://raw.github.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png) | ![Firefox](https://raw.github.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png) | ![Safari](https://raw.github.com/alrra/browser-logos/master/src/safari/safari_48x48.png) | ![Opera](https://raw.github.com/alrra/browser-logos/master/src/opera/opera_48x48.png) | ![Edge](https://raw.github.com/alrra/browser-logos/master/src/edge/edge_48x48.png) |

|------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------|---------------------------------------------------------------------------------------|------------------------------------------------------------------------------------|

| Latest ✔                                                                                 | Latest ✔                                                                                    | Latest ✔                                                                                 | Latest ✔                                                                              | Latest ✔                                                                           |

## [Angular 2/4 Version](https://github.com/KhaledSMQ/Ng2FormBuilder)

## [Changelog](https://github.com/kevinchappell/formBuilder/blob/master/CHANGELOG.md)

## Translators Needed!

As formBuilder usage grows so does its need to be available in multiple languages. Additions and updates to existing languages are always welcome, see [Contributing Languages](https://github.com/kevinchappell/formBuilder-languages/blob/master/CONTRIBUTING.md) for details.