PHPackages                             drewdan/page-builder - 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. [Utility & Helpers](/categories/utility)
4. /
5. drewdan/page-builder

ActiveLibrary[Utility & Helpers](/categories/utility)

drewdan/page-builder
====================

A simple page builder tool for Laravel

v0.1.0(2y ago)0193[2 issues](https://github.com/Drewdan/tailwind-page-builder-for-laravel/issues)MITJavaScriptPHP ^8.0

Since Jul 8Pushed 1y ago1 watchersCompare

[ Source](https://github.com/Drewdan/tailwind-page-builder-for-laravel)[ Packagist](https://packagist.org/packages/drewdan/page-builder)[ RSS](/packages/drewdan-page-builder/feed)WikiDiscussions develop Synced 1mo ago

READMEChangelog (7)Dependencies (4)Versions (14)Used By (0)

Laravel Page Builder
====================

[](#laravel-page-builder)

A Vue-powered page builder for Laravel, designed with Tailwind CSS for styling. Easily construct pages using components such as headings, paragraphs, and images. The layout is managed using a grid system, ensuring a responsive design across both mobile and larger devices.

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

[](#installation)

1. Install the package via Composer:

```
composer require drewdan/page-builder
```

2. Ensure the public assets are always up-to-date by adding the following to the `post-update-cmd` in your `composer.json` file:

```
"post-update-cmd": [
    "@php artisan vendor:publish --tag=page-builder-assets --ansi --force"
]
```

3. You can publish the package's config file using the following command:

```
php artisan vendor:publish --tag=page-builder-config
```

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

[](#configuration)

The package comes with a primary configuration file which allows you to set various options for the page builder. Here's a brief overview:

- `prefix`: The URL prefix for the page builder.
- `middleware`: Middleware to apply. It's recommended to include 'web' here.
- `external`: Configuration for external routes.
- `layout`: The default layout for the page builder pages.
- `elements`: Define the elements available in the page builder, such as headings, paragraphs, and images.

Here's a snippet from the default configuration:

```
'elements' => [
    [
        'id' => 1,
        'type' => 'h1',
        'renderer' => 'Text',
        'name' => 'Heading',
        ...
    ],
    ...
]
```

Usage
-----

[](#usage)

By default, the index of pages can be located by visiting `/page-builder/pages`. You can change this by updating the `prefix` option in the configuration file.

[![Page Builder Index](/assets/page-builder-index.png)](/assets/page-builder-index.png)

Clicking create new page will trigger a modal where you can name your new page. Clicking edit will allow you to edit a page

At the time of writing, the default new page is completely blank.

[![Page Builder Edit](/assets/page-builder-edit.png)](/assets/page-builder-edit.png)

To create a page you must first add "containers to the page" using the "Add Container" button. The containers utilise the tailwind grid system, with a default of 4 columns. By selecting the container, you will have the option to change the span of the container, this will allow you to stack containers side by side. On the smaller breakpoints, these will always default to 1 column. You may also set the text alignment of the contents of the container.

[![Page Builder Container](/assets/container-config.png)](/assets/container-config.png)

Once you have added a container, you can then add elements to the container.

At the time of writing, there are three "components", header, paragraph and image. We have plans to add more and to allow you to define your own custom components.

[![Page Builder Components](/assets/components.png)](/assets/components.png)

Click and drag these components to the container, they will contain some default content which you can then configure.

Clicking on an element will allow you to edit its settings.

[![Page Builder Edit Element](/assets/element-configuration.png)](/assets/element-configuration.png)

Each type of element has its own configuration options, for example, the header element allows you to set the header size, the paragraph element allows you to set the text alignment and the image element allows you to set the image source.

Once you have finished editing your page, click save.

**This package is still in early development, so lots of features are still to come! If you have any feedback, please feel free to open an issue or a PR.**

To view your page, you can visit `/page/{slug}`.

Contributing
------------

[](#contributing)

Contributions are very welcome! Please follow the conventions set out by [GitFlow](https://www.atlassian.com/git/tutorials/comparing-workflows/gitflow-workflow) when submitting pull requests.

License
-------

[](#license)

This package is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).

###  Health Score

25

—

LowBetter than 37% of packages

Maintenance29

Infrequent updates — may be unmaintained

Popularity10

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity46

Maturing project, gaining track record

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

Total

7

Last Release

955d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/0659b8f3960866aa6b528f725add11aacdd58dc4d167c060c15c8d119b8cc22d?d=identicon)[drewdan](/maintainers/drewdan)

---

Top Contributors

[![Drewdan](https://avatars.githubusercontent.com/u/5255492?v=4)](https://github.com/Drewdan "Drewdan (54 commits)")

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/drewdan-page-builder/health.svg)

```
[![Health](https://phpackages.com/badges/drewdan-page-builder/health.svg)](https://phpackages.com/packages/drewdan-page-builder)
```

PHPackages © 2026

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