PHPackages                             xpersonas/laravel-styleguide - 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. xpersonas/laravel-styleguide

ActiveProject

xpersonas/laravel-styleguide
============================

Simple styleguide for use with Laravel projects. Quickly create a page of html elements and components to be styled with your front end stylesheets.

v1.0.17(4y ago)83.3k2[1 PRs](https://github.com/xpersonas/laravel-styleguide/pulls)GPL-3.0-or-laterBladePHP >=7.3

Since Jul 24Pushed 4y ago1 watchersCompare

[ Source](https://github.com/xpersonas/laravel-styleguide)[ Packagist](https://packagist.org/packages/xpersonas/laravel-styleguide)[ RSS](/packages/xpersonas-laravel-styleguide/feed)WikiDiscussions master Synced 2d ago

READMEChangelog (10)Dependencies (4)Versions (20)Used By (0)

Laravel Styleguide
==================

[](#laravel-styleguide)

[![build](https://github.com/xpersonas/laravel-styleguide/workflows/build/badge.svg)](https://github.com/xpersonas/laravel-styleguide/workflows/build/badge.svg)[![PHP version](https://camo.githubusercontent.com/6c8149f6b695900e19968823bfaddd8ac1ff6f12188e0d8db481b37f174ea81f/68747470733a2f2f62616467652e667572792e696f2f70682f78706572736f6e61732532466c61726176656c2d7374796c6567756964652e737667)](https://badge.fury.io/ph/xpersonas%2Flaravel-styleguide)[![Total Downloads](https://camo.githubusercontent.com/38bd5c4aad05076e3d2fec05d529646ac4e78378c4b3216746402826a2ffaf71/68747470733a2f2f706f7365722e707567782e6f72672f78706572736f6e61732f6c61726176656c2d7374796c6567756964652f646f776e6c6f616473)](//packagist.org/packages/xpersonas/laravel-styleguide)[![License](https://camo.githubusercontent.com/46213f4c7117c0318811d99d0755cf2e8a7b197c15008225984182fe235c4143/68747470733a2f2f706f7365722e707567782e6f72672f78706572736f6e61732f6c61726176656c2d7374796c6567756964652f6c6963656e7365)](https://github.com/xpersonas/laravel-styleguide/blob/master/LICENSE.txt)[![Maintainability](https://camo.githubusercontent.com/4be07e09e8b49d449aa7fbb02cf3ba1bae9a5334dfe4418b187dc346d611aa28/68747470733a2f2f6170692e636f6465636c696d6174652e636f6d2f76312f6261646765732f31323835653032653437306365613764343031642f6d61696e7461696e6162696c697479)](https://codeclimate.com/github/xpersonas/laravel-styleguide/maintainability)

This package allows admins to create a custom styleguide for Laravel project development.

**Basic Elements**
Choose from a list of basic elements like headings, text, tables, etc..

[![svg-main-x](https://user-images.githubusercontent.com/5023924/88303382-96958f00-cccc-11ea-8a8a-5b86f75fb556.jpg)](https://user-images.githubusercontent.com/5023924/88303382-96958f00-cccc-11ea-8a8a-5b86f75fb556.jpg)

**Colors**
Provide a list of colors with class name, description, and hex value.

[![sg-colors-x](https://user-images.githubusercontent.com/5023924/88303381-96958f00-cccc-11ea-9bca-c42a90494b22.jpg)](https://user-images.githubusercontent.com/5023924/88303381-96958f00-cccc-11ea-9bca-c42a90494b22.jpg)

**Custom Patterns**
Admins can also create custom patterns with a built in codemirror textarea.

[![sg-pattern-x](https://user-images.githubusercontent.com/5023924/88303380-95fcf880-cccc-11ea-9c65-05a2f0302329.jpg)](https://user-images.githubusercontent.com/5023924/88303380-95fcf880-cccc-11ea-9c65-05a2f0302329.jpg)

Installation
------------

[](#installation)

This package comes with 3 models: basic settings, colors, and patterns. Run the following

```
composer require xpersonas/laravel-styleguide
php artisan vendor:publish --tag=xpersonas-styleguide
php artisan migrate

```

Usage
-----

[](#usage)

The styleguide provides a Laravel component that can be dropped in any of your templates. This allows you to drop it in a page where your styles will be applied to all the elements contained within the styleguide.

Add this to your template:

```

```

Edit your Styleguide settings by visiting `/admin/styleguide` on your site.

Stylesheets
-----------

[](#stylesheets)

The styleguide comes with a limited stylesheet for layout purposes. Include this only on your styleguide page if needed.

```

```

Protecting Routes
-----------------

[](#protecting-routes)

There are several CRUD-related pages that will need protection from anonymous users. Please use what ever authentication system you are using to ensure these pages are safe from the public.

```
// Route setup.
Route::get('admin/styleguide/preview', '\Xpersonas\Styleguide\Http\Controllers\StyleguideController@index')->name('simple-styleguide');

Route::resource('admin/styleguide/patterns','Xpersonas\Styleguide\Http\Controllers\StyleguidePatternController', ['names' => 'pattern'])->middleware(['web']);
Route::resource('admin/styleguide/colors','Xpersonas\Styleguide\Http\Controllers\StyleguideColorController', ['names' => 'color'])->middleware(['web']);
Route::resource('admin/styleguide/basics','Xpersonas\Styleguide\Http\Controllers\StyleguideBasicsController', ['names' => 'basics'])->middleware(['web']);

// Wildcard route to protect.
admin/styleguide/*

```

Nova Ready (optional)
---------------------

[](#nova-ready-optional)

This package is Nova-ready. If you want to manage styleguide settings, patterns, and colors within a "beautifully designed administration panel" then follow the instructions below.

[![Screen Shot 2020-08-13 at 12 29 12 PM](https://user-images.githubusercontent.com/5023924/90166943-9b47e300-dd60-11ea-90b1-7f8a8b1f5afe.png)](https://user-images.githubusercontent.com/5023924/90166943-9b47e300-dd60-11ea-90b1-7f8a8b1f5afe.png)

### Installation

[](#installation-1)

Add our Nova Tool to your Nova Service Proivder:

```
// app/Providers/NovaServiceProvider.php

public function tools()
{
    return [
        new \Xpersonas\Styleguide\Providers\StyleguideNovaTool(),
    ];
}

```

### Laravel Nova Color Field (optional)

[](#laravel-nova-color-field-optional)

This package is also compatible with the excellent Laravel Nova Color Field from [timothyasp](https://github.com/timothyasp/nova-color-field).

```
composer require timothyasp/nova-color-field

```

[![Screen Shot 2020-08-13 at 12 09 42 PM](https://user-images.githubusercontent.com/5023924/90165163-e4e2fe80-dd5d-11ea-843b-7e5a27e162db.png)](https://user-images.githubusercontent.com/5023924/90165163-e4e2fe80-dd5d-11ea-843b-7e5a27e162db.png)

Contribute
----------

[](#contribute)

Author
------

[](#author)

**[xpersonas](mailto:justin.neel@gmail.com)**

###  Health Score

31

—

LowBetter than 68% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity23

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity59

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 90.4% 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 ~17 days

Recently: every ~70 days

Total

18

Last Release

1818d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/5023924?v=4)[Justin Neel](/maintainers/xpersonas)[@xpersonas](https://github.com/xpersonas)

---

Top Contributors

[![xpersonas](https://avatars.githubusercontent.com/u/5023924?v=4)](https://github.com/xpersonas "xpersonas (85 commits)")[![ahinkle](https://avatars.githubusercontent.com/u/17038330?v=4)](https://github.com/ahinkle "ahinkle (6 commits)")[![DaltonMcCleery](https://avatars.githubusercontent.com/u/37309201?v=4)](https://github.com/DaltonMcCleery "DaltonMcCleery (3 commits)")

---

Tags

front-end-developmentlaravellaravel-novalaravel-styleguidenovastyleguidelaravelstyleguide

###  Code Quality

TestsPHPUnit

Code StylePHP\_CodeSniffer

### Embed Badge

![Health badge](/badges/xpersonas-laravel-styleguide/health.svg)

```
[![Health](https://phpackages.com/badges/xpersonas-laravel-styleguide/health.svg)](https://phpackages.com/packages/xpersonas-laravel-styleguide)
```

###  Alternatives

[rtconner/laravel-likeable

Trait for Laravel Eloquent models to allow easy implementation of a 'like' or 'favorite' or 'remember' feature.

394388.0k5](/packages/rtconner-laravel-likeable)[hemp/presenter

Easy Model Presenters in Laravel

247592.6k1](/packages/hemp-presenter)[slowlyo/owl-admin

基于 laravel、amis 开发的后台框架~

61214.2k26](/packages/slowlyo-owl-admin)

PHPackages © 2026

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