Laravel Ui.Pages

v1.0.73 2017-04-12 16:00 UTC


SensioLabsInsight Codacy Badge

Pages (ui-pages) is a simple, easy to use drop in replacement UI for the default Laravel "Welcome Page". It provides a clean and modern set of bootstrap compatible starter pages -- Home, About, Contact and a starter admin/dashboard template. Along with a static flat file system for quickly adding and using markdown files as content. Setup, configuration and customization is quick and easy, allowing you to deploy and launch a Laravel based static marketing / promotional site in minutes so you can focus on the development.

Home Page Screen Shot

Pages Screenshot

Admin Dashboard (Black Haze)

The dash admin will become a standalone package (deprecated)


If you are looking for the original PageKit package you can still find it here at Pagekit Original. I have moved PageKit to and new repository and changed the name to avoid conflict with PageKit CMS. I also used the opportunity to reboot versioning to better meet semver standards. Sorry for the inconvenience, I hope you find the package useful.

Installation (traditional)

Laravel 5.5.* (later)

composer require shawnsandy/pagekit dev-master

Laravel 5.4.* (earlier)

composer require shawnsandy/pagekit


Add PageKitServiceProvider to the providers array in config/app.php


Add the following (required) vendor service providers and aliases for pre-installed Laravel packages.

Vendor Service providers config/app/php


Vendor Aliases

    'DotenvEditor' => Brotzka\DotenvEditor\DotenvEditorFacade::class,
    'Breadcrumbs' => ShawnSandy\PageKit\Facades\BreadcrumbFacade::class,
    'MD' => ShawnSandy\PageKit\Facades\MarkdownFacade::class,
    'Socialite' => Laravel\Socialite\Facades\Socialite::class,
    'Debugbar' => Barryvdh\Debugbar\Facade::class,

If you would like to use Markdown for post, add the following to config/filesystem.php

        'markdown' => [
            'driver' => 'local',
            'root' => storage_path('app/public/markdown/'),
            'visibility' => 'public',

Middleware app/Http/Kernel.php routeMiddlware

    'shield' => \Vinkla\Shield\ShieldMiddleware::class,

__Add to your route/wep.php __

Route::group(["prefix" => "page"], function () {

Publish the vendor files / assets

You can publish all vendor files or simply publish the package assets (styles/js/images)

All files

php artisan vendor:publish --provider="ShawnSandy\PageKit\PageKitServiceProvider"


php artisan vendor:publish --tag=pagekit-assets

Publish tags

You can publish individual pagekit tags using --tags option, please note that the --pagekit-asssets tag is required for page to display correctly. BTW this is my preferred method of install.

php artisan vendor:publish --provider="ShawnSandy\PageKit\PageKitServiceProvider"

or shortcut

php artisan vendor:publish --tag=name

PageKit tags

  • --tag=pagekit-assets publishes your pagekit public assets / files to /public/
  • --tag=pagekit-views publishes your views to vendor\pagekit
  • --tag=pagekit-config publishes configuration file config\pagekit to config

You can also use the --force to overwrite previously published files - --tag=pagekit-assets --force.

Install for custom/package development

To customize or use the package to start your own.

  • Install Laravel Packager composer require jeroen-g/laravel-packager. Make sure to add the provider to your config\app.php provider array JeroenG\Packager\PackagerServiceProvider::class,.
  • Import the repository php artisan packager:git YourVendorName YourPackgeName. This will create and download the package to /packages/YourVendorName/YourPackageName. It will also add your package to composer autoload parameter and add it to config/app.php provider array.
  • Customize and push to you repo
  • Enjoy


Once installed correctly you should be able to goto

Default index page

Replace the default welcome page with the PageKit index by modifying your app/Http/route.php

Route::get('/', function () {
    return view('welcome');


  Route::get('', function(){
        return view('page::index');

Enable dashboard in login

Pages comes database free by default, as a result your admin Dash(board) won't require any login. However you can enable statless login using the Laravel Shield package that is bundled with Pages.

Please insure the you have added the provider to your config\app.php (Vendor Providers).


Add the middleware to the $routeMiddleware array in your Kernel.php file.

'shield' => \Vinkla\Shield\ShieldMiddleware::class,

Publish the vendor assets using the provider tag.

php artisan vendor:publish --provider="Vinkla\Shield\ShieldServiceProvider"

Using `php artisan vendor:publish' can have some unintended affects, DON'T DO IT!!!

Run the php artisan command to generate your shield passwords php artisan shield:hash username password

Add the password to your '/config/shield.php' file

  'users' => [
        'main' => ['$2y$10$wBoPEW4WJO5kTlzwkF4vw.hfGnImJV2kla4UALPNKhMLEoYUWDFL6',

Visit Laravel Shield for more info.

Laravel .ENV editor

Required for editing editing the settings of you .env file

php artisan vendor:publish --provider="Brotzka\DotenvEditor\DotenvEditorServiceProvider"


Contact From

{{ Html::pageContactForm() }}

Page Nav

{{ Html::pageNav() }}

Page Cover

{{ Html::pageCover('/background/img', '500px') }} // background image, height

Custom Branding

You can custom brand pagekit by editing the values in the config/pagekit.php

Turn branding on:

    'branding' => true,

Customize :

'brand' => [
    'background-color' => '#FFFFFF',
    'header-background-color' => '#EEEEEE',
    'header-font-size' => '72px',
    'font-family' => '"Helvetica Neue", Helvetica, Arial, sans-serif',
    'header-font-color' => '#eee',
    'footer-background-color' => '#333333',
    'footer-color' => '#FFFFFF',
    'header-color' => '#EEEEEE',
    'text-color' => 'FFFFFF',
    'header-background-image' => "",
    'logo' => false

Custom Header

header-background-image' => "",

'Custom Header Background'




Fork it! Create your feature branch: git checkout -b my-new-feature Commit your changes: git commit -am 'Add some feature' Push to the branch: git push origin my-new-feature Submit a pull request :D History

Change Log


Renamed the package and mover the repository

Pagekit Changelog


TODO: Modify

This project is licensed under the MIT License - see the file for details