Page Preview
CommunityCustom Filament form field that renders a live Blade page preview.
filament/
namespace. Review the source and install at your own risk. Found
malware or an unresolved security issue the author won't
address?
Report it
.
Author:
Andrei Feraru
Documentation
Custom Filament form field that renders a Blade preview.

#Installation
Install the package via composer:
composer require ferarandrei1/filament-page-preview
#Usage
Use the PreviewField component in your Filament form:
use Feraandrei1\FilamentPagePreview\Forms\Components\PreviewField;
use Filament\Forms\Form;
public function form(Form $form): Form
{
return $form->schema([
PreviewField::make('preview_field')
->previewData([
'user' => Auth::user()->username,
'previewRouteName' => 'preview',
'data' => $data,
])
->nullable(),
]);
}
#Documentation
- Creating a Preview Route - Step-by-step guide to set up routes and controllers
- Complete Filament Page Example - Full example with two-column layout and live preview
#Custom Preview View
You can publish the views to customize them:
php artisan vendor:publish --tag=filament-page-preview-views
Or, you can specify a custom view for the preview:
PreviewField::make('preview_field')
->previewView('filament.view-fields.custom-preview')
->previewData(['key' => 'value']);
#Requirements
- PHP 8.1 or higher
- Filament 3.0 or higher
- Laravel 10.0 or higher
#License
MIT License
The author
From the same author
Dynamic Settings
Centralized dynamic settings system for Filament.
Author:
Andrei Feraru
AI Chat Widget
Filament support for `openai-php/laravel`.
Author:
Andrei Feraru
Featured Plugins
A selection of plugins curated by the Filament team
Custom Dashboards
Let your users build and share their own dashboards with a drag-and-drop interface. Define your data sources in PHP and let them do the rest.
Filament
Blueprint
Filament Blueprint is a premium Laravel Boost extension that helps AI agents produce accurate, detailed implementation plans and security reports for Filament apps.
Filament
Spotlight Pro
Browse your Filament Panel with ease. Filament Spotlight Pro adds a Spotlight/Raycast like Command Palette to your Filament Panel.
Dennis Koch