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.13(2mo ago)235↑225%MITVuePHP ^8.4CI failing

Since Feb 20Pushed 2mo 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 1mo ago

READMEChangelogDependencies (24)Versions (14)Used By (0)

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

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

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

```

You can 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)

```