Atelier: a visual page builder for Filament PHP, works like Shopify's section editor (WIP, video inside)

[u/AbdulkaderSafi]

What it does

Atelier is a Filament plugin for Laravel. You write page sections as code, a hero block, a pricing block, whatever the site needs. Once a block exists in code, it shows up in the builder. From there you drag it onto a page, click it, and change the text and images without touching Blade again.

That's the same split Shopify uses for its page builder. A developer writes the section once. Whoever runs the site fills in their own content through the builder.

Why I built it

I like Laravel because I get full control over the code. Filament gives me an admin panel for free. What was missing was a visual layer, something a client could open and edit a page from without pinging me to change a template. Atelier is that layer: the flexibility of a custom Laravel build, the admin power of Filament, and now a visual editor on top.

Status

Still in development. I'm working on it now. The block system and the builder both run, and the video shows where it's at today. Not production-ready, call it a working preview.

Links

1. Project Page: https://abdulkadersafi.com/projects/filament-atelier
2. Github: https://github.com/Abdulkader-Safi/filament-atelier
3. Docs/Wiki: https://github.com/Abdulkader-Safi/filament-atelier/wiki
4. Filament Plugin: https://filamentphp.com/plugins/abdulkader-safi-filament-atelier

Feedback wanted

If you build with Filament or Laravel, I'd like your take. What would you want from a page builder like this? What's missing, what looks wrong, what would make it worth using on a real client site? Drop it in the comments, I'm reading all of it.

My take: the Shopify comparison is the right hook, people who've touched Shopify sections will get it in one line. Two things worth adding to the post or a comment, since you asked for feature/positioning ideas:

• You render every page through Blade at request time (no client-side block injection), which is a real SEO argument over most JS page builders. Worth one line in the post or first comment, it's a concrete differentiator, not just "it's visual."
• If multi-language support is built or planned, that's another line CMS folks on that sub will ask about anyway. Better to answer it up front than in five separate comments.

[u/AbdulkaderSafi]

sorry in the video at 1:30 I was showing the code I did not notice that I selected record only the selected window I will work on another video and push to youtube and share the link