PHPackages                             tranquil-tools/laravel-vue-form-builder - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. tranquil-tools/laravel-vue-form-builder

ActiveLibrary[Utility & Helpers](/categories/utility)

tranquil-tools/laravel-vue-form-builder
=======================================

A VueJS/Inertia FormBuilder package for Laravel

1.0.24(1w ago)250—6.3%1MITVuePHP ^8.2CI failing

Since Feb 20Pushed 1w ago1 watchersCompare

[ Source](https://github.com/ComfyCodersBV/laravel-vue-form-builder)[ Packagist](https://packagist.org/packages/tranquil-tools/laravel-vue-form-builder)[ Docs](https://github.com/comfycodersbv/laravel-vue-form-builder)[ RSS](/packages/tranquil-tools-laravel-vue-form-builder/feed)WikiDiscussions main Synced 3d ago

READMEChangelogDependencies (60)Versions (25)Used By (1)

A VueJS/Inertia FormBuilder package for Laravel
===============================================

[](#a-vuejsinertia-formbuilder-package-for-laravel)

Define Laravel-VueJS forms configurations in PHP.

Documentation
-------------

[](#documentation)

Full documentation is available at **[docs.comfycoders.nl](https://docs.comfycoders.nl/laravel-vue-form-builder)**.

Topics covered:

- [Installation](https://docs.comfycoders.nl/laravel-vue-form-builder/v1/installation)
- [Creating a Form](https://docs.comfycoders.nl/laravel-vue-form-builder/v1/creating-forms)
- [All Field Types](https://docs.comfycoders.nl/laravel-vue-form-builder/v1/fields/common-options)
- [Vue Usage](https://docs.comfycoders.nl/laravel-vue-form-builder/v1/vue-usage)
- [Validation](https://docs.comfycoders.nl/laravel-vue-form-builder/v1/validation)
- [Configuration](https://docs.comfycoders.nl/laravel-vue-form-builder/v1/configuration)

CrudBuilder
-----------

[](#crudbuilder)

Want a complete CRUD solution? Our **[CrudBuilder](https://docs.comfycoders.nl/laravel-vue-crud-builder)** builds on top of this FormBuilder **and** the TableBuilder to give you full create, read, update, and delete flows without repetitive boilerplate.

- **Docs:** [docs.comfycoders.nl/laravel-vue-crud-builder](https://docs.comfycoders.nl/laravel-vue-crud-builder)
- **GitHub:** [github.com/ComfyCodersBV/laravel-vue-crud-builder](https://github.com/ComfyCodersBV/laravel-vue-crud-builder)

Installing the CrudBuilder pulls in this package automatically as a Composer dependency.

---

Quick start
-----------

[](#quick-start)

### Installation

[](#installation)

You can install the package via composer:

```
composer require tranquil-tools/laravel-vue-form-builder
```

Install the Quill wysiwyg editor dependencies:

```
npm install vue-quilly quill quill-image-resize-module
npm run build

```

Optional: you may publish the config file with:

```
php artisan vendor:publish --tag="vue-form-builder-config"
```

The content of the published config can be viewed [here](./config/vue-form-builder.php).

Alter you vite.config.ts to add an `@form-builder` alias:

```
import {defineConfig} from 'vite';
import path from 'path';

export default defineConfig({
    plugins: [
        // ...
    ],
    resolve: {
        alias: {

            // Add this:

            '@form-builder': path.resolve(__dirname, 'vendor/tranquil-tools/laravel-vue-form-builder/resources/js'),
        },
    },
});
```

Basic usage
-----------

[](#basic-usage)

```