PHPackages                             mrshanebarron/laraveldesign - 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. [Admin Panels](/categories/admin)
4. /
5. mrshanebarron/laraveldesign

ActiveLibrary[Admin Panels](/categories/admin)

mrshanebarron/laraveldesign
===========================

WordPress-like CMS for Laravel with a Wix-style visual page builder. Posts, pages, categories, tags, menus, media library, and drag-and-drop editing powered by GrapesJS.

v0.1.3(1mo ago)02MITPHPPHP ^8.2

Since Apr 24Pushed 1mo agoCompare

[ Source](https://github.com/mrshanebarron/laraveldesign-package)[ Packagist](https://packagist.org/packages/mrshanebarron/laraveldesign)[ Docs](https://laraveldesign.com)[ RSS](/packages/mrshanebarron-laraveldesign/feed)WikiDiscussions main Synced 1w ago

READMEChangelog (3)Dependencies (3)Versions (5)Used By (0)

LaravelDesign
=============

[](#laraveldesign)

[![Latest Version on Packagist](https://camo.githubusercontent.com/1c7186d6a2f4df8d2297ea3b95e60146f1ebe4ad5be32284ad0ed09ffc42e30f/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f6d727368616e65626172726f6e2f6c61726176656c64657369676e2e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/mrshanebarron/laraveldesign)[![Total Downloads](https://camo.githubusercontent.com/b7e54dfa57ed64134c6ddc1b9d8d07b10e5295026c954f9f7676a39c98e4f035/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6d727368616e65626172726f6e2f6c61726176656c64657369676e2e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/mrshanebarron/laraveldesign)[![License](https://camo.githubusercontent.com/ed2600b6ee6b4fe4ecc5bd01190d9ae3e69ca075319c34faa212b2a0603671b7/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f6d727368616e65626172726f6e2f6c61726176656c64657369676e2e7376673f7374796c653d666c61742d737175617265)](https://github.com/mrshanebarron/laraveldesign-package/blob/main/LICENSE)

A WordPress-like CMS package for Laravel with a **Wix-style visual page builder**. Build beautiful pages with drag-and-drop, or use the classic editor for blog posts.

**Live demo:** [socialapparatus.com](https://socialapparatus.com) · **Homepage:** [laraveldesign.com](https://laraveldesign.com)

Features
--------

[](#features)

- **Visual Page Builder** - Drag-and-drop editor powered by GrapesJS
- **Pre-built Blocks** - Hero sections, features grids, testimonials, pricing tables, CTAs, galleries, contact forms, FAQs
- **Responsive Controls** - Preview on desktop, tablet, and mobile
- **Live Preview** - See your changes in real-time
- **Classic Editor** - Traditional rich text editing for posts
- **Full CMS** - Posts, pages, categories, tags, menus, media library

Requirements
------------

[](#requirements)

- PHP 8.2+
- Laravel 11.x or 12.x
- Filament 3.x
- Livewire 3.x

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

[](#installation)

Install via Composer:

```
composer require mrshanebarron/laraveldesign
```

Run the install command:

```
php artisan laraveldesign:install
```

This publishes the config and migrations, runs migrations, creates the storage link, and sets up default menus.

Add the plugin to your Filament panel provider:

```
use MrShaneBarron\LaravelDesign\Filament\LaravelDesignPlugin;

public function panel(Panel $panel): Panel
{
    return $panel
        // ...
        ->plugins([
            LaravelDesignPlugin::make(),
        ]);
}
```

Publish the config file (optional):

```
php artisan vendor:publish --tag=laraveldesign-config
```

Visual Page Builder
-------------------

[](#visual-page-builder)

The visual page builder gives you Wix-like editing capabilities:

1. Create or edit a page in Filament admin
2. Click "Visual Editor" button to launch the drag-and-drop builder
3. Drag blocks from the left panel onto your page
4. Click any element to edit text, styles, or settings
5. Use device buttons to preview responsive layouts
6. Click Save to publish your changes

### Available Blocks

[](#available-blocks)

BlockDescriptionHero SectionFull-width header with headline, subtext, and CTAText BlockRich text content areaImage + TextSide-by-side layout for featuresFeatures Grid3-column feature showcaseTestimonialsCustomer quotes with avatarsPricing Table3-tier pricing comparisonCall to ActionConversion-focused sectionImage GalleryGrid of imagesContact FormName, email, message formFAQAccordion-style Q&A2/3 ColumnsLayout containersBasic elementsText, images, buttons, dividers, spacersFeatures
--------

[](#features-1)

### Content Management

[](#content-management)

- **Posts** - Blog posts with categories, tags, featured images, and SEO fields
- **Pages** - Static pages with hierarchical structure and custom templates
- **Categories** - Hierarchical categories for organizing posts
- **Tags** - Simple tags for post classification
- **Menus** - Flexible menu builder with nested items
- **Media** - Media library for images, videos, and documents

### Filament Admin Panel

[](#filament-admin-panel)

Full Filament 3 integration with resources for:

- Posts (with rich editor, categories, tags, SEO)
- Pages (with parent/child hierarchy, templates)
- Categories (with nesting)
- Tags
- Menus (with nested menu items)
- Media Library

### Frontend Components

[](#frontend-components)

#### Menu Component

[](#menu-component)

```

```

With custom classes:

```

```

#### Recent Posts

[](#recent-posts)

```

```

#### Categories List

[](#categories-list)

```

```

#### Tags Cloud

[](#tags-cloud)

```

```

Configuration
-------------

[](#configuration)

```
// config/laraveldesign.php

return [
    // Layout to extend for frontend views
    'layout' => 'layouts.app',

    // Section name for content
    'content_section' => 'content',

    // Blog settings
    'blog_prefix' => 'blog',
    'blog_title' => 'Blog',
    'posts_per_page' => 10,

    // Media settings
    'media' => [
        'disk' => 'public',
        'directory' => 'media',
        'max_size' => 51200, // 50MB
    ],

    // Menu locations
    'menu_locations' => [
        'header' => 'Header Menu',
        'footer' => 'Footer Menu',
        'sidebar' => 'Sidebar Menu',
    ],

    // Page templates
    'page_templates' => [
        'default' => 'Default',
        'home' => 'Homepage',
        'full-width' => 'Full Width',
        'sidebar' => 'With Sidebar',
    ],
];
```

Routes
------

[](#routes)

The package automatically registers these routes:

RouteDescription`/blog`Blog index`/blog/{slug}`Single post`/category/{slug}`Category archive`/tag/{slug}`Tag archive`/{slug}`Static pages (catch-all)Customizing Views
-----------------

[](#customizing-views)

Publish views to customize:

```
php artisan vendor:publish --tag=laraveldesign-views
```

Views will be published to `resources/views/vendor/laraveldesign/`.

Using Models Directly
---------------------

[](#using-models-directly)

```
use MrShaneBarron\LaravelDesign\Models\Post;
use MrShaneBarron\LaravelDesign\Models\Page;
use MrShaneBarron\LaravelDesign\Models\Category;
use MrShaneBarron\LaravelDesign\Models\Tag;
use MrShaneBarron\LaravelDesign\Models\Menu;
use MrShaneBarron\LaravelDesign\Models\Media;

// Get published posts
$posts = Post::posts()->published()->get();

// Get published pages
$pages = Post::pages()->published()->get();

// Get menu by location
$menu = Menu::getByLocation('header');

// Get categories with post count
$categories = Category::withCount('posts')->get();
```

License
-------

[](#license)

MIT License. See LICENSE file for details.

###  Health Score

36

—

LowBetter than 79% of packages

Maintenance90

Actively maintained with recent releases

Popularity3

Limited adoption so far

Community6

Small or concentrated contributor base

Maturity39

Early-stage or recently created project

 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 ~0 days

Total

4

Last Release

47d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/193358540?v=4)[Mr Shane Barron](/maintainers/mrshanebarron)[@mrshanebarron](https://github.com/mrshanebarron)

---

Top Contributors

[![mrshanebarron](https://avatars.githubusercontent.com/u/193358540?v=4)](https://github.com/mrshanebarron "mrshanebarron (6 commits)")

---

Tags

laravelwordpresscmslivewirepagesblogvisual editorpostsdrag-and-dropfilamentgrapesjspage builder

### Embed Badge

![Health badge](/badges/mrshanebarron-laraveldesign/health.svg)

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

###  Alternatives

[cybertroniankelvin/graper

A visual drag-and-drop page builder for Filament admin panels, powered by GrapeJS v3. Build landing pages, marketing sites, and custom content pages without writing code.

201.8k](/packages/cybertroniankelvin-graper)[a2insights/filament-saas

Filament Saas for A2Insights

171.5k](/packages/a2insights-filament-saas)[andreia/filament-ui-switcher

Add a modal with options to switch between different UI layouts and styles (colors, fonts, font sizes).

245.8k](/packages/andreia-filament-ui-switcher)[tomshaw/electricgrid

A feature-rich Livewire package designed for projects that require dynamic, interactive data tables.

119.2k](/packages/tomshaw-electricgrid)

PHPackages © 2026

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