PHPackages                             safi/filament-atelier - 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. safi/filament-atelier

ActiveLibrary

safi/filament-atelier
=====================

A visual page builder for Laravel and Filament. Code-defined blocks, a live preview that is the real page, bilingual output, server-rendered.

v0.1.1(2d ago)05↑500%MITPHPPHP ^8.3

Since Aug 15Pushed 2d agoCompare

[ Source](https://github.com/Abdulkader-Safi/filament-atelier)[ Packagist](https://packagist.org/packages/safi/filament-atelier)[ Docs](https://github.com/Abdulkader-Safi/filament-atelier)[ RSS](/packages/safi-filament-atelier/feed)WikiDiscussions main Synced today

READMEChangelogDependencies (8)Versions (3)Used By (0)

Filament Atelier
================

[](#filament-atelier)

A visual page builder for Laravel, built as a Filament plugin.

[![Watch the demo: Laravel + FilamentPHP, my new page builder project](https://camo.githubusercontent.com/7b484e07ff424ea44ed8493711b2de87034d8cdc0ae5c14896b7b1cb5aa71d2e/68747470733a2f2f696d672e796f75747562652e636f6d2f76692f764249674351684b5766632f6d617872657364656661756c742e6a7067)](https://www.youtube.com/watch?v=vBIgCQhKWfc)

A developer defines the sections in code. The client builds pages from them in a full-screen editor, and sees the real page render as they type. The public site stays server-rendered Blade, bilingual, and fast.

Status
------

[](#status)

MVP, and installable. Blocks, the builder, page settings, SEO and public pages all work. See `Docs/installation.md` to put it on a project, and the limits at the bottom of that file before you promise anything to a client.

The package is the repository root. `example/` is a Laravel 13 app that installs it for testing, and `Docs/` holds the spec. Both are export-ignored, so `composer require` pulls the package and nothing else.

The idea
--------

[](#the-idea)

A page is stored as a JSON tree of typed blocks and rendered by Blade at request time. That's Gutenberg's data model with Elementor's rendering approach, and it avoids the parts of both that hurt: no HTML stored in the database, no block validation, no deprecation chains.

A block type is one PHP class and one Blade view. The class declares its key, label, icon and category, plus a Filament schema that becomes its settings form. Register it and it shows up in the section picker. Adding a block never means editing a file inside the plugin.

The editor puts the section list on the left and a live iframe beside it. Selecting a section swaps the list for that section's settings. The iframe loads the public layout and the public stylesheet, so what the client sees is what ships. There's a width switcher for desktop, tablet and mobile, because the point of a preview is catching a headline that wraps onto three lines before anyone else does.

Install
-------

[](#install)

[![Packagist](https://camo.githubusercontent.com/b2e88f554a7d63c09f00679377f9affeb24a2ca313a4a51dcb74d1381ee17ea7/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f736166692f66696c616d656e742d6174656c6965722e737667)](https://packagist.org/packages/safi/filament-atelier)[![License](https://camo.githubusercontent.com/2be0fafac8f6d94cba7c75853e743df00a619bf968d9cec7dfa0f2ad7a6c4b8f/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f736166692f66696c616d656e742d6174656c6965722e737667)](LICENSE.md)

```
composer require safi/filament-atelier
php artisan vendor:publish --tag=filament-atelier-migrations
php artisan migrate && php artisan storage:link
```

Register `AtelierPlugin::make()->blocks(DefaultBlocks::all())` in your panel, and point Tailwind at the package's views. Full steps, including the one that fails silently if you skip it, are in `Docs/installation.md`.

What v1 covers
--------------

[](#what-v1-covers)

- Three-pane editor: add, reorder, duplicate, hide and delete sections, with live preview
- A marketing block set: header, hero, features, logo wall, testimonials, CTA, FAQ, rich text, image, gallery, contact form, footer, plus raw HTML as an escape hatch
- English and Arabic on every page, with `dir="rtl"` and hreflang
- Draft and published as separate columns, so editing never touches the live page, plus revision snapshots and shareable signed preview links
- Per-locale SEO fields, JSON-LD, and a sitemap covering both locales
- Scroll animations picked from a dropdown, backed by GSAP
- Design tokens shared by the editor and the front end
- Per-block asset loading and a Core Web Vitals budget

Block types are defined in code in v1. Creating new block types from the panel is planned for v2.

Built on
--------

[](#built-on)

Laravel 12/13, Filament v4, Livewire 4, Alpine 3, Tailwind 4, GSAP 3.15.

No page-builder dependency. Atelier owns the page model, slug resolution, routing and rendering, so there's no third-party page abstraction to work around or wait on. The reasoning is in `Docs/prd.md` under "Why not Fabricator".

Documentation
-------------

[](#documentation)

Everything lives in `Docs/`, and later documents override earlier ones.

- `Docs/prd.md` is the current spec and the authority
- `Docs/tasks/` is the work breakdown, one file per feature in build order
- `Docs/architecture.md` is the technical design, partly superseded, with a banner saying which parts
- `Docs/research/` holds background briefs on Gutenberg, Elementor, Filament plugin development, and preview/drafts/animation/SEO

Start with `Docs/overview.md` if you want the short version.

A note on GSAP
--------------

[](#a-note-on-gsap)

GSAP has been free for commercial use since April 2025, including the plugins that used to be behind Club GreenSock. It is not MIT and it is not open source. It ships fine in client projects, but don't describe it as open source.

Licence
-------

[](#licence)

MIT. See `LICENSE.md`.

The MIT license covers Atelier's own code. It does not extend to dependencies, and GSAP in particular carries its own terms (see the note above).

###  Health Score

39

—

LowBetter than 84% of packages

Maintenance99

Actively maintained with recent releases

Popularity5

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

2

Last Release

2d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/c5c0510a49cdd55a56d75973cd9c8f34e4ecb8ae05d75b014481c9055292d60d?d=identicon)[Abdulkader-Safi](/maintainers/Abdulkader-Safi)

---

Top Contributors

[![Abdulkader-Safi](https://avatars.githubusercontent.com/u/53955839?v=4)](https://github.com/Abdulkader-Safi "Abdulkader-Safi (19 commits)")

---

Tags

alpinejsbladeblock-editorcmsfilamentfilament-pluginfilamentphplaravellivewiremultilingualpage-builderphprtltailwindcsswebsite-builderlaravelcmslivewireblocksfilamentfilament-pluginpage builder

###  Code Quality

TestsPest

Static AnalysisPHPStan

Code StyleLaravel Pint

### Embed Badge

![Health badge](/badges/safi-filament-atelier/health.svg)

```
[![Health](https://phpackages.com/badges/safi-filament-atelier/health.svg)](https://phpackages.com/packages/safi-filament-atelier)
```

###  Alternatives

[rawilk/profile-filament-plugin

Profile &amp; MFA starter kit for filament.

3915.5k](/packages/rawilk-profile-filament-plugin)[croustibat/filament-jobs-monitor

Background Jobs monitoring like Horizon for all drivers for FilamentPHP

278359.3k12](/packages/croustibat-filament-jobs-monitor)[finity-labs/fin-mail

A powerful email template manager and composer for Filament with dynamic token replacement, template versioning, and inline email sending.

316.8k2](/packages/finity-labs-fin-mail)[stephenjude/filament-jetstream

A Laravel starter kit built with Filament inspired by Jetstream.

17861.9k3](/packages/stephenjude-filament-jetstream)[statikbe/laravel-filament-flexible-content-blocks

The Laravel Filament Flexible Content Blocks package helps you to easily create content in Filament for any model, with predefined or custom blocks, and foreach block an extendable Blade view component.

17927.9k6](/packages/statikbe-laravel-filament-flexible-content-blocks)[backstage/mails

View logged mails and events in a beautiful Filament UI.

16429.7k](/packages/backstage-mails)

PHPackages © 2026

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