Download the PHP package community-sdks/unlayer-filament without Composer

Unlayer Filament

• This is a Filament field wrapper for the Unlayer editor. It delegates the editor runtime to community-sdks/unlayer-livewire, which wraps the Alpine and TypeScript SDK packages.

Try The Example

If you want to try the package quickly in a Laravel app, install it and then install the bundled quick demo:

This package ships its example through zpmlabs/laravel-package-quick-demo. The quick demo installer sets up an isolated demo environment for the package so you can try the field without manually wiring routes, database connections, migrations, seeders, or demo views into your main application.

To inspect the registered demo or see its route details:

The bundled Unlayer Filament Demo includes an email editor tab and a web/page editor tab, both backed by isolated quick-demo data.

Requirements

• PHP 8.3+
• Laravel 13+
• Filament 5.x

Installation

You can install the package via composer:

Install The Livewire Browser Asset

The Filament field depends on the browser asset published by community-sdks/unlayer-livewire.

Install it with:

This publishes the compiled browser file to:

After upgrading the Livewire package or rebuilding that browser asset locally, publish the latest file again:

If you also want to publish the Livewire config to customize upload storage or other package options:

To overwrite previously published files during install:

You can also publish assets or config manually:

Version Compatibility

This package targets Filament 5.x only.

• Filament 5.x: use this package line, composer require community-sdks/unlayer-filament

Create a cast within your model:

The field stores the editor state as an array containing both html and design.

If you want to customize uploads or the template proxy route prefix, publish the Livewire package config:

Optionally, you can publish the views using

Usage

As any other filament form field:

In case you want users to choose Unlayer stock templates from inside the editor, enable the template picker:

The picker loads templates through the Livewire package's same-origin backend proxy and applies the selected design directly to the initialized editor.

You can customize the default stock template query:

You can customize the picker toolbar and panel labels:

Live syncing is disabled by default. If you want every editor change to sync immediately through Livewire, enable it explicitly:

If you want to pass additional options to unlayer, which will join default object set by plugin with your additional data you can use:

The built-in Livewire proxy exists because Unlayer's stock template endpoints do not allow direct browser CORS requests. Behind the proxy, template search calls:

The field's templatePicker(options: [...]) values map to the upstream request body like this:

Selected templates are loaded through:

The Livewire package also supports overriding its route prefix and middleware in config/unlayer-livewire.php.

Unlayer is extending filament Field class.

Changelog

Please see CHANGELOG for more information on what has changed recently.

License

The MIT License (MIT). Please see License File for more information.