PHPackages community-sdks/unlayer-filament - 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. community-sdks/unlayer-filament ActiveLibrary[Utility & Helpers](/categories/utility) community-sdks/unlayer-filament =============================== Filament wrapper for unlayer editor. v1.0.0(2mo ago)4481[1 PRs](https://github.com/community-sdks/unlayer-filament/pulls)MITPHPPHP ^8.3CI passing Since May 2Pushed 1mo agoCompare [ Source](https://github.com/community-sdks/unlayer-filament)[ Packagist](https://packagist.org/packages/community-sdks/unlayer-filament)[ Docs](https://github.com/community-sdks/unlayer-filament)[ GitHub Sponsors](https://github.com/community-sdks)[ RSS](/packages/community-sdks-unlayer-filament/feed)WikiDiscussions main Synced 3w ago READMEChangelog (1)Dependencies (10)Versions (3)Used By (0) Unlayer Filament ================ [](#unlayer-filament) [![UnlayerFilament](https://private-user-images.githubusercontent.com/100382372/586780432-65cea402-7472-41c6-a9e6-ee8448e18da1.jpg?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODIzOTMxNjgsIm5iZiI6MTc4MjM5Mjg2OCwicGF0aCI6Ii8xMDAzODIzNzIvNTg2NzgwNDMyLTY1Y2VhNDAyLTc0NzItNDFjNi1hOWU2LWVlODQ0OGUxOGRhMS5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNjI1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDYyNVQxMzA3NDhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00ZDgzNmI0NzdiMDRkMzg0MDc2YmYzMDcyNjIwNWI3ZDM1ZmYyZjRlNDQ5M2E2NDA5MWRjZTZkMmEwYTk5ZGJlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZqcGVnIn0.b4jVbMCPlxF42_8D0Ac8_S9gAKL5pv5eeLz_5-tuo5w)](https://private-user-images.githubusercontent.com/100382372/586780432-65cea402-7472-41c6-a9e6-ee8448e18da1.jpg?jwt=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3ODIzOTMxNjgsIm5iZiI6MTc4MjM5Mjg2OCwicGF0aCI6Ii8xMDAzODIzNzIvNTg2NzgwNDMyLTY1Y2VhNDAyLTc0NzItNDFjNi1hOWU2LWVlODQ0OGUxOGRhMS5qcGc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjYwNjI1JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI2MDYyNVQxMzA3NDhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00ZDgzNmI0NzdiMDRkMzg0MDc2YmYzMDcyNjIwNWI3ZDM1ZmYyZjRlNDQ5M2E2NDA5MWRjZTZkMmEwYTk5ZGJlJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZyZXNwb25zZS1jb250ZW50LXR5cGU9aW1hZ2UlMkZqcGVnIn0.b4jVbMCPlxF42_8D0Ac8_S9gAKL5pv5eeLz_5-tuo5w)- This is a Filament field wrapper for the Unlayer editor. It delegates the editor runtime to [`community-sdks/unlayer-livewire`](https://packagist.org/packages/community-sdks/unlayer-livewire), which wraps the Alpine and TypeScript SDK packages. Try The Example --------------- [](#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`](https://packagist.org/packages/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. ``` composer require community-sdks/unlayer-filament php artisan quick-demo:install unlayer-filament-demo ``` To inspect the registered demo or see its route details: ``` php artisan quick-demo:show unlayer-filament-demo ``` The bundled `Unlayer Filament Demo` includes an email editor tab and a web/page editor tab, both backed by isolated quick-demo data. Requirements ------------ [](#requirements) - PHP 8.3+ - Laravel 13+ - Filament 5.x Installation ------------ [](#installation) You can install the package via composer: ``` composer require community-sdks/unlayer-filament ``` ### Install The Livewire Browser Asset [](#install-the-livewire-browser-asset) The Filament field depends on the browser asset published by `community-sdks/unlayer-livewire`. Install it with: ``` php artisan unlayer-livewire:install ``` This publishes the compiled browser file to: ``` public/unlayer-livewire.js ``` After upgrading the Livewire package or rebuilding that browser asset locally, publish the latest file again: ``` php artisan vendor:publish --tag=unlayer-livewire-assets --force ``` If you also want to publish the Livewire config to customize upload storage or other package options: ``` php artisan unlayer-livewire:install --config ``` To overwrite previously published files during install: ``` php artisan unlayer-livewire:install --force ``` You can also publish assets or config manually: ``` php artisan vendor:publish --tag=unlayer-livewire-assets --force php artisan vendor:publish --tag=unlayer-livewire-config ``` ### Version Compatibility [](#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: ``` protected $casts = [ 'content' => 'array', ]; ``` 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: ``` php artisan vendor:publish --tag="unlayer-livewire-config" ``` Optionally, you can publish the views using ``` php artisan vendor:publish --tag="unlayer-filament-views" ``` Usage ----- [](#usage) As any other filament form field: ``` Unlayer::make('content')->required() ``` In case you want users to choose Unlayer stock templates from inside the editor, enable the template picker: ``` Unlayer::make('content') ->required() ->templatePicker() ``` 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: ``` Unlayer::make('content') ->templatePicker(options: [ 'type' => 'email', // or 'web' 'premium' => false, 'limit' => 20, 'offset' => 0, 'collection' => '', 'sort' => 'recent', ]) ``` You can customize the picker toolbar and panel labels: ``` Unlayer::make('content') ->templatePicker() ->templatePickerOptions([ 'label' => 'Template Editor', 'triggerLabel' => 'Search templates', 'title' => 'Templates', 'placeholder' => 'Search templates', 'emptyText' => 'No templates found.', ]) ``` Live syncing is disabled by default. If you want every editor change to sync immediately through Livewire, enable it explicitly: ``` Unlayer::make('content') ->syncLive() ``` If you want to pass additional options to unlayer, which will join default object set by plugin with your additional data you can use: ``` Unlayer::make('description') ->additionalOptions([ 'option' => 'value' ]) ``` 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: ``` POST https://unlayer.com/templates/search Content-Type: application/json ``` The field's `templatePicker(options: [...])` values map to the upstream request body like this: ``` search -> filter.name type -> filter.type premium -> filter.premium, "true" when true, "" when false limit -> perPage offset -> page, calculated as floor(offset / limit) + 1 collection -> filter.collection sort -> filter.sortBy ``` Selected templates are loaded through: ``` POST https://studio.unlayer.com/api/v1/graphql ``` The Livewire package also supports overriding its route prefix and middleware in `config/unlayer-livewire.php`. `Unlayer` is extending filament `Field` class. Changelog --------- [](#changelog) Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently. License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 44 — FairBetter than 90% of packages Maintenance87 Actively maintained with recent releases Popularity17 Limited adoption so far Community13 Small or concentrated contributor base Maturity50 Maturing project, gaining track record Bus Factor1 Top contributor holds 67.5% 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 Unknown Total 1 Last Release 83d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/211412089?v=4)[ZPM Labs](/maintainers/zpmlabs)[@ZPMLabs](https://github.com/ZPMLabs) --- Top Contributors [![sasaorasanin](https://avatars.githubusercontent.com/u/100382372?v=4)](https://github.com/sasaorasanin "sasaorasanin (27 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (5 commits)")[![actions-user](https://avatars.githubusercontent.com/u/65916846?v=4)](https://github.com/actions-user "actions-user (3 commits)")[![emildayan](https://avatars.githubusercontent.com/u/22715782?v=4)](https://github.com/emildayan "emildayan (2 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (2 commits)")[![detechdivus](https://avatars.githubusercontent.com/u/224012274?v=4)](https://github.com/detechdivus "detechdivus (1 commits)") --- Tags laravelCommunity SDKsunlayer-filament ### Code Quality TestsPest Static AnalysisPHPStan Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/community-sdks-unlayer-filament/health.svg) ``` [![Health](https://phpackages.com/badges/community-sdks-unlayer-filament/health.svg)](https://phpackages.com/packages/community-sdks-unlayer-filament) ``` ### Alternatives [backstage/mails View logged mails and events in a beautiful Filament UI. 16121.5k](/packages/backstage-mails)[stephenjude/filament-feature-flags Filament implementation of feature flags and segmentation with Laravel Pennant. 123177.8k1](/packages/stephenjude-filament-feature-flags)[ysfkaya/filament-phone-input A phone input component for Laravel Filament 3161.3M26](/packages/ysfkaya-filament-phone-input)[rawilk/profile-filament-plugin Profile & MFA starter kit for filament. 3914.8k](/packages/rawilk-profile-filament-plugin)[marcelweidum/filament-expiration-notice Customize the livewire expiration notice 94135.4k5](/packages/marcelweidum-filament-expiration-notice)[wsmallnews/filament-nestedset Filament nestedset tree builder powered by kalnoy/nestedset with Filament v4 and v5 support 197.8k19](/packages/wsmallnews-filament-nestedset) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)