PHPackages                             vuravel/components - 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. [Framework](/categories/framework)
4. /
5. vuravel/components

ActiveLibrary[Framework](/categories/framework)

vuravel/components
==================

Vue.js & Laravel FullStack Components - Rapid Application Development

321PHP

Since Mar 5Pushed 6y ago2 watchersCompare

[ Source](https://github.com/vuravel/components)[ Packagist](https://packagist.org/packages/vuravel/components)[ RSS](/packages/vuravel-components/feed)WikiDiscussions master Synced 1w ago

READMEChangelogDependenciesVersions (1)Used By (0)

 [ ![Vuravel-logo](https://camo.githubusercontent.com/d195ed07c074e82814650d074304361c28843b2b71812c4372bd2329d531d2aa/68747470733a2f2f7675726176656c2e636f6d2f696d672f7675726176656c2d6c6f676f2d6269672e706e67) ](https://vuravel.com)

######  [![GitHub last commit](https://camo.githubusercontent.com/d2082b1fa743fc78957f59fa462adcfffb3c79b8cb58346649bc37cb1edc96db/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6173742d636f6d6d69742f7675726176656c2f636f6d706f6e656e74732e737667)](https://camo.githubusercontent.com/d2082b1fa743fc78957f59fa462adcfffb3c79b8cb58346649bc37cb1edc96db/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6173742d636f6d6d69742f7675726176656c2f636f6d706f6e656e74732e737667) [![Downloads](https://camo.githubusercontent.com/430042865fd0aa55961c4469c82444f72551f6ffc7f8121176b963d8cdc9b122/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f64742f7675726176656c2d636f6d706f6e656e74732e7376673f7374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/430042865fd0aa55961c4469c82444f72551f6ffc7f8121176b963d8cdc9b122/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f64742f7675726176656c2d636f6d706f6e656e74732e7376673f7374796c653d666c61742d737175617265) [![Version](https://camo.githubusercontent.com/96c5062bc8e3aaccb07e6c7355eef73d67d46a6effd6f89067dc3bc2126db673/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f7675726176656c2d636f6d706f6e656e74732e7376673f7374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/96c5062bc8e3aaccb07e6c7355eef73d67d46a6effd6f89067dc3bc2126db673/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f762f7675726176656c2d636f6d706f6e656e74732e7376673f7374796c653d666c61742d737175617265) [![License](https://camo.githubusercontent.com/dc86865a5d9af3848eddafa86b250ba1dd51fb059ae5096c6716d14de03fe8cf/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f6c2f7675726176656c2d636f6d706f6e656e74732e7376673f7374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/dc86865a5d9af3848eddafa86b250ba1dd51fb059ae5096c6716d14de03fe8cf/68747470733a2f2f696d672e736869656c64732e696f2f6e706d2f6c2f7675726176656c2d636f6d706f6e656e74732e7376673f7374796c653d666c61742d737175617265)

[](#----------------)

###  [vuravel.com](https://vuravel.com) • [Documentation](https://vuravel.com/docs) • [Demos](https://vuravel.com/examples) • [Twitter](https://twitter.com/vuravel)

[](#----vuravelcom--------documentation--------demos--------twitter)

vuravel/components
==================

[](#vuravelcomponents)

`vuravel\components` is a library of components to help you write forms in a matter of seconds. No matter how complex the user input you need, you can find a component that handles that. You can also pick from different styles to suit your needs.

> Refer to the the website for the most up-to-date information, demos and the complete detailed documentation on how to use this package: [vuravel.com](https://vuravel.com)

REQUIREMENTS
------------

[](#requirements)

You need to have a `Laravel 5.6+` application installed on your local server.
You need `composer` to pull the vendor packages.
`Vue.js 2.0+` is already shipped with a Laravel installation, so nothing to do here.
`Node.js` & `npm` to build and pull the Front-End modules.

INSTALLATION
------------

[](#installation)

#### Composer - Back-End setup

[](#composer---back-end-setup)

If you have a Laravel 5.6+ application installed, you may install `vuravel/form` via `composer` by running the following terminal command at your project's root folder:

```
composer require vuravel/components
```

#### Npm - Front-End setup

[](#npm---front-end-setup)

To pull the front-end module into your development environment, you will need to have `nodejs` and `npm` installed on your machine. Then you may run this command:

```
npm install --save vuravel-components
```

Once the install process is finished, you should import the javascript modules in your `app.js` . This will import all the Vue components from `vuravel/form` into your project and you will be able to use them everywhere in your Vue.js code.

```
//app.js
window.Vue = require('vue');

//Adding vuravel after Vue has been required
require('vuravel-components')
```

And to import the scss code, add this line to your `app.scss` :

```
//app.scss

//For Forms: Pick your favorite form style
@import  'vuravel-form/sass/bootstrap-style';
//@import  'vuravel-form/sass/md-filled-style';
//@import  'vuravel-form/sass/md-outlined-style';
//@import  'vuravel-form/sass/floating-style';

//For Catalogs:
@import  'vuravel-catalog/sass/catalog';

//For Menus: Choose between minimal and classic style
@import  'vuravel-menu/sass/minimal-style';
//@import  'vuravel-menu/sass/classic-style';
```

After that just compile the assets.

```
npm run dev
```

And reference them in your template.

```

```

You are now ready to start creating Vuravel components!

DOCUMENTATION
-------------

[](#documentation)

Please refer to the website's complete [Documentation](https://vuravel.com/docs)

COMPONENTS API
--------------

[](#components-api)

[API](https://vuravel.com/api)

DEMOS
-----

[](#demos)

[Examples](https://vuravel.com/examples)

###  Health Score

19

—

LowBetter than 10% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity10

Limited adoption so far

Community4

Small or concentrated contributor base

Maturity34

Early-stage or recently created project

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.

### Community

Maintainers

![](https://www.gravatar.com/avatar/7ac832d1aa1ba49520cf21020c3331dd01185ae3eedf43885417bf319dd8aa83?d=identicon)[vuravel](/maintainers/vuravel)

### Embed Badge

![Health badge](/badges/vuravel-components/health.svg)

```
[![Health](https://phpackages.com/badges/vuravel-components/health.svg)](https://phpackages.com/packages/vuravel-components)
```

###  Alternatives

[laravel/telescope

An elegant debug assistant for the Laravel framework.

5.2k67.8M192](/packages/laravel-telescope)[spiral/roadrunner

RoadRunner: High-performance PHP application server and process manager written in Go and powered with plugins

8.4k12.2M84](/packages/spiral-roadrunner)[nolimits4web/swiper

Most modern mobile touch slider and framework with hardware accelerated transitions

41.8k177.2k1](/packages/nolimits4web-swiper)[laravel/dusk

Laravel Dusk provides simple end-to-end testing and browser automation.

1.9k36.7M259](/packages/laravel-dusk)[laravel/prompts

Add beautiful and user-friendly forms to your command-line applications.

708181.8M596](/packages/laravel-prompts)[cakephp/chronos

A simple API extension for DateTime.

1.4k47.7M121](/packages/cakephp-chronos)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)