FilamentCraftVisual website builder for Filament

A Shopify-style, drag-and-drop page builder for Filament v4 & v5. Live iframe preview, revisioned templates, undo/redo, multi-tenant ready.

Get Started

Introduction

Video

View on GitHub

🧱

Drag-and-drop sections

12 polished built-in sections plus first-class custom sections. Mix FilamentCraft settings with raw Filament v4 form components.

Explore sections

🎨

Themeable by your users

Author a theme as one PHP class — Colors, Typography, Buttons, a Bunny Fonts picker, and 22-token color schemes — exposed to end users in the editor.

Author a theme

⚡

Live iframe preview

Section-level refresh from draft state, debounced settings, autosave, and a 50-step undo/redo ring buffer — no full reloads.

Inside the editor

🏢

Multi-tenant ready

Sites belong to any host model via a polymorphic owner morph. Works with stancl/tenancy, spatie/multitenancy, Filament-only, or single-site apps — no tenancy package required.

Tenancy model

🌐

Owns your front-end (optionally)

Opt-in catch-all routing serves published templates, with pluggable URL strategies for tenant slugs, locales, and custom domains.

Public routing

🚪

Four doors for dynamic pages

Wrap cart, checkout, account, or any Livewire/Folio/Blade page in the site's theme shell — header, footer, fonts, color scheme, RTL.

Dynamic pages

See it in action

Every screenshot below is the real editor running against a live site — no mockups.

The product tour — a 38-second overview of the editor, theming workflow, live preview, and publish path.

The three-column editor workspace — The editor — section rail on the left, live iframe preview in the center, settings panel on the right.

Editing the Hero section — Editing a Hero section — DSL settings sit beside raw Filament components, live in the preview.

The Add Section catalog — pick from the built-in and custom sections.

The 12 built-in sections, registered automatically.

The theme settings panel — The theme panel — Colors, Typography, Buttons and more, each a collapsible Category.

The color-scheme grid — The color-scheme picker — swap the whole palette in one click.

The font picker — The Bunny Fonts picker — search the live catalog with per-row previews.

A section's presets modal — Section presets — one-click starting points behind the "Browse presets" button.

Mobile preview inside a phone frame — The device switcher — the same draft reflowed inside a phone frame.

The Templates resource list — The Templates resource — manage every page from the Filament panel.

A published public page — A published template served on the public front-end.