Vueform Builder

<p> <a href="https://www.npmjs.com/package/@vueform/builder" target="_blank"><img alt="npm" src="https://img.shields.io/npm/dt/@vueform/builder?color=%2317c495"></a> <a href="https://www.npmjs.com/package/@vueform/builder" target="_blank"><img alt="npm" src="https://img.shields.io/npm/v/@vueform/builder?color=%2317c495"></a> </p>

Drag and drop form builder for Vueform.

Enable developers & non-tech workforce to build even the most complex forms without coding:

• User friendly drag and drop form builder
• Export forms as native Vue components
• Save/load/render forms as JSON and save to database
• Custom elements and config panels
• Built-in theme builder
• Customize the UI
• Use it online or on your localhost
• Integrate it into any project

Get Started

Create a Vueform Builder instance on your machine using your favourite package manager:

npm create vueform@latest -- --builder

yarn create vueform --builder

pnpm create vueform --builder

bun create vueform --builder

Manual Installation

To manually install Vueform, use our Installation Wizard. This wizard will guide you through the necessary steps for a hassle-free setup.

Documentation

For a detailed understanding of Vueform, its features, and how to use them, refer to our Documentation.

Demo

See Vueform Builder in action: demo.

Follow Us

<p> <a href="https://discord.gg/WhX2nG6GTQ" target="_blank"><img src="https://raw.githubusercontent.com/vueform/builder/main/.github/assets/discord.svg" alt="Vueform on Discord" title="Vueform on Discord"></a>&nbsp;&nbsp; <a href="https://twitter.com/vueform" target="_blank"><img src="https://raw.githubusercontent.com/vueform/builder/main/.github/assets/x.svg" alt="Vueform on X" title="Vueform on X"></a>&nbsp;&nbsp; <a href="https://www.linkedin.com/company/vueform" target="_blank"><img src="https://raw.githubusercontent.com/vueform/builder/main/.github/assets/linkedin.svg" alt="Vueform on LinkedIn" title="Vueform on LinkedIn"></a>&nbsp;&nbsp; <a href="https://github.com/vueform" target="_blank"><img src="https://raw.githubusercontent.com/vueform/builder/main/.github/assets/github.svg" alt="Vueform on GitHub" title="Vueform on GitHub"></a> </p>

License

LICENSE