PHPackages ferdinandfrank/vue-forms - 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. [Localization & i18n](/categories/localization) 4. / 5. ferdinandfrank/vue-forms ActiveLibrary[Localization & i18n](/categories/localization) ferdinandfrank/vue-forms ======================== A collection of vue.js form and input components to create pretty ajax requests. v1.4.1(7y ago)5103MITJavaScriptPHP >=7.0 Since Jan 6Pushed 7y ago4 watchersCompare [ Source](https://github.com/ferdinandfrank/vue-forms)[ Packagist](https://packagist.org/packages/ferdinandfrank/vue-forms)[ RSS](/packages/ferdinandfrank-vue-forms/feed)WikiDiscussions master Synced 2d ago READMEChangelog (6)Dependencies (1)Versions (16)Used By (0) Vue.js Forms ============ [](#vuejs-forms) [![GitHub package version](https://camo.githubusercontent.com/77de72a1e75886d5f04da9cde6434c474fd69f0733b85c0649ce47b5770ff4da/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f7061636b6167652d6a736f6e2f762f6261646765732f736869656c64732e737667)](https://github.com/ferdinandfrank/vue-forms)[![Packagist](https://camo.githubusercontent.com/db374b6f2887d1ddbdb542b3f7c952ffc068972fe5a8771fc08954118fdf011c/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f66657264696e616e646672616e6b2f7675652d666f726d732e737667)](https://packagist.org/packages/ferdinandfrank/vue-forms)[![GitHub license](https://camo.githubusercontent.com/7013272bd27ece47364536a221edb554cd69683b68a46fc0ee96881174c4214c/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f6c6963656e73652d4d49542d626c75652e737667)](LICENSE) **Warning: This package is not maintained anymore!** This package provides a collection of [Vue.js](https://vuejs.org/) form and input components to create pretty and easy ajax requests on a Laravel application. Full documentation: Example ------- [](#example) HTML form with two input components which get cleared after the submit. Additionally a success alert message will be shown after the server processed the request. In your HTML / Blade file: ``` Male Female Submit ``` In your controller method: ``` public function handleRequest(Request $request) { // Handle the request return response()->json([ 'alert' => [ 'title' => 'Success', 'message' => 'Request was successful!', 'accept' => 'Alright!' ] ]); } ``` Requirements ------------ [](#requirements) ### Server Requirements [](#server-requirements) - [PHP](https://php.net) >= 7.0 - An existing >= [Laravel 5.4](https://laravel.com/docs/master/installation) project ### JS Requirements [](#js-requirements) There are a few requirements of your Laravel application for the package to work properly on the client side. You can install them by just including the according entries in your `package.json` file (see [Installation](#installation) #4). #### Mandatory [](#mandatory) - [Vue.js](https://vuejs.org/) >= 2.1.10: *To render the Vue.js components.* - [Lodash](https://lodash.com/) >= 4.17.4: *For using JS helper functions in the scripts which makes the code cleaner* - [MomentJS](https://momentjs.com/) >= 2.18.1: *For date formatting on JS* - [JQuery](https://jquery.com/) >= 3.1.1: *For element selection and ajax requests* #### Optional [](#optional) - [Bootstrap](https://getbootstrap.com/) >= 3.3.7: *For the design of the input components* - [Sweetalert](https://sweetalert.js.org/) >= 2.0.4: *To show pretty alert / confirm messages* - [Tooltip.js](https://popper.js.org/tooltip-examples.html) >= 1.1.5: *To show help texts on the inputs as a pretty tooltip* ### Optional Requirements [](#optional-requirements) To show a loading icon when a form gets submitted as well as to show a help icon next to the inputs, [Font Awesome](http://fontawesome.io/icons/) will be used. [Font Awesome](http://fontawesome.io/icons/) need to be installed properly on the application to show these icons. Otherwise the components need to be configured. The HTML content of the components is designed for the usage with [Bootstrap 4](https://getbootstrap.com/). To have a nice design of the inputs out of the box, Bootstrap is required. Installation ------------ [](#installation) 1. To get started, install the package via the Composer package manager: ``` composer require ferdinandfrank/vue-forms ``` 2. In Laravel >= 5.5 this package registers automatically. For previous Laravel versions add the following entry to your providers array in `config/app.php`: ``` 'providers' => [ ... ... \FerdinandFrank\VueForms\Providers\VueFormsServiceProvider::class ] ``` 3. Publish the Vue.js components and other scripts to the `resources/assets/vendor/vue-forms` folder, so you can edit and include the package's files within you application's scripts: ``` php artisan vue-forms:init ``` 4. Add the following entries to the `dependencies` array in your `package.json` file, if these do not yet exist. The first four are required, the last four (sweetalert, bootstrap-sass, popper.js, tooltip.js) optional (see [Optional Requirements](#optional)). ``` "dependencies": { "vue": "^2.1.10", "lodash": "^4.17.4", "jquery": "^3.1.1", "moment": "^2.18.1", "sweetalert": "^2.0.4", "bootstrap-sass": "^3.3.7", "popper.js": "^1.12.5", "tooltip.js": "^1.1.5" } ``` 5. Include the main JS within your application's script, e.g., from `resources/assets/js/app.js` copy the following statement: ``` require('../vendor/vue-forms/js/vue-forms'); ``` 6. Include the main SCSS within your application's script, e.g., from `resources/assets/sass/app.scss` copy the following statement: ``` @import "../vendor/vue-forms/scss/vue-forms"; ``` 7. Compile your scripts via webpack or any other compiler. That's it! You can now use the Vue.js components of this package. Documentation ------------- [](#documentation) [Click here for the full documentation](https://ferdinandfrank.github.io/vue-forms) License ------- [](#license) [MIT](https://github.com/ferdinandfrank/vue-forms/blob/master/LICENSE) ### Health Score 30 — LowBetter than 64% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity14 Limited adoption so far Community8 Small or concentrated contributor base Maturity66 Established project with proven stability Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~38 days Recently: every ~52 days Total 15 Last Release 2881d ago PHP version history (2 changes)v1.0PHP >=5.6.4 v1.2PHP >=7.0 ### Community Maintainers ![](https://www.gravatar.com/avatar/ee4eec45f5e0140eb39e7b5aa282e6ad082eff31dbfb8130d9c76d54b99f550e?d=identicon)[ferdinandfrank](/maintainers/ferdinandfrank) --- Top Contributors [![ferdinandfrank](https://avatars.githubusercontent.com/u/19409640?v=4)](https://github.com/ferdinandfrank "ferdinandfrank (135 commits)") --- Tags laravellocalizationlanguageajaxbootstrapi18Formsrequestsvueinputs ### Embed Badge ![Health badge](/badges/ferdinandfrank-vue-forms/health.svg) ``` [![Health](https://phpackages.com/badges/ferdinandfrank-vue-forms/health.svg)](https://phpackages.com/packages/ferdinandfrank-vue-forms) ``` ### Alternatives [codezero/laravel-localized-routes A convenient way to set up, manage and use localized routes in a Laravel app. 543638.1k4](/packages/codezero-laravel-localized-routes)[josiasmontag/laravel-redis-mock This Laravel package provides a Redis mock for your tests 471.8M16](/packages/josiasmontag-laravel-redis-mock)[pmochine/laravel-tongue 🎉 Finally a subdomain localization that works how you want it to work. 🌐 4158.4k](/packages/pmochine-laravel-tongue)[josiasmontag/laravel-localization Localization for Laravel framework 2336.2k](/packages/josiasmontag-laravel-localization)[longman/laravel-multilang Package to integrate multi language (multi locale) functionality in Laravel 5.x 5514.4k1](/packages/longman-laravel-multilang)[awes-io/localization-helper Package for convenient work with Laravel's localization features 3527.1k4](/packages/awes-io-localization-helper) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)