• Features
• Requirements
• Installation
• Plugin Configuration
• Quick Start
  • File Manager (Database Mode)
  • File System (Storage Mode: Read-only)
  • FileSystemItems Resource
• File Previews
  • Image Preview
  • Video Preview
• Embedding in Forms
  • Embed Component Configuration
• Fluent Configuration API
  • Panel Sidebar
  • File Manager Page Configuration
  • File System Page Configuration
  • Schema Example Page
  • Complete Configuration Example
  • Configuration Precedence
• Artisan Commands
  • filemanager:install
  • filesystem:list
  • filemanager:list
  • filemanager:rebuild
  • filemanager:upload
• Publishable Assets
• Issues and Contributing
• License
• Author
  • Marcelo W. Guerra
• Contributors

A full-featured file manager package for Laravel and Filament v4 with dual operating modes, S3/MinIO support, file previews, and drag-and-drop uploads.

#Features

• Dual operating modes: Database mode (tracked files with metadata) or Storage mode (direct filesystem browsing)
• File browser: Grid and list views, folder tree sidebar, breadcrumb navigation
• File operations: Upload, move, rename, delete with drag-and-drop support
• Multi-selection: Select multiple files with Ctrl/Cmd + click
• File previews: Built-in viewers for video, audio, images, PDF, and text files
• Storage drivers: Works with local, S3, MinIO, or any Laravel Storage driver
• Security: MIME validation, blocked extensions, filename sanitization, signed URLs
• Authorization: Configurable permissions with Laravel Policy support
• Embeddable: Use as standalone pages or embed in Filament forms
• Dark mode: Full dark mode support via Filament

#Requirements

• PHP 8.2+
• Laravel 11.x or 12.x
• Filament 4.x

#Installation

composer require mwguerra/filemanager

Publish configuration:

php artisan vendor:publish --tag=filemanager-config

Run migrations:

php artisan migrate

Run the install command:

php artisan filemanager:install

Register the plugin in your Panel Provider:

use MWGuerra\FileManager\FileManagerPlugin;
 
public function panel(Panel $panel): Panel
{
    return $panel
        ->plugins([
            FileManagerPlugin::make(),
        ]);
}

#Plugin Configuration

Register all components or select only the ones you need:

use MWGuerra\FileManager\FileManagerPlugin;
use MWGuerra\FileManager\Filament\Pages\FileManager;
use MWGuerra\FileManager\Filament\Pages\FileSystem;
use MWGuerra\FileManager\Filament\Pages\SchemaExample;
use MWGuerra\FileManager\Filament\Resources\FileSystemItemResource;
 
// Register all enabled components (default)
FileManagerPlugin::make()
 
// Register only specific components
FileManagerPlugin::make([
    FileManager::class,              // Database mode - full CRUD file manager
    FileSystem::class,               // Storage mode - read-only file browser
    FileSystemItemResource::class,   // Resource for direct database table editing
    SchemaExample::class,            // Demo page showing embed components usage
])
 
// Using the fluent API
FileManagerPlugin::make()
    ->only([
        FileManager::class,
        FileSystem::class,
    ])

#Quick Start

After installation, access the file manager at:

#File Manager (Database Mode)

Full CRUD file management with metadata tracking, thumbnails, and folder organization.

#File System (Storage Mode: Read-only)

Read-only file browser for direct filesystem access with S3/MinIO support.

#FileSystemItems Resource

Direct database table management for file system items with Filament's standard resource interface.

#File Previews

Built-in viewers for common file types with modal preview support.

#Image Preview

#Video Preview

#Embedding in Forms

The package provides two embeddable schema components that can be added to any Filament form. Use FileManagerEmbed for full CRUD operations with database-tracked files, or FileSystemEmbed for a read-only storage browser. Both components are fully customizable with options for height, disk, target directory, and initial folder.

use MWGuerra\FileManager\Schemas\Components\FileManagerEmbed;
use MWGuerra\FileManager\Schemas\Components\FileSystemEmbed;
 
// Database mode (full CRUD)
FileManagerEmbed::make()
    ->height('400px')
    ->disk('s3')
    ->target('uploads'),
 
// Storage mode (read-only browser)
FileSystemEmbed::make()
    ->height('400px')
    ->disk('public')
    ->target('media'),

#Embed Component Configuration

Both embed components support fluent configuration for customizing their appearance:

use MWGuerra\FileManager\Schemas\Components\FileManagerEmbed;
use MWGuerra\FileManager\Schemas\Components\FileSystemEmbed;
 
FileManagerEmbed::make()
    // Layout options
    ->height('500px')
    ->defaultViewMode('grid')  // 'grid' or 'list'
 
    // Storage options
    ->disk('s3')
    ->target('uploads')
    ->initialFolder('documents')
 
    // Sidebar configuration
    ->showSidebar()  // or ->hideSidebar()
    ->sidebarRootLabel('My Files')
    ->sidebarHeading('Folders')
    // Or use the combined method:
    ->sidebar(show: true, rootLabel: 'My Files', heading: 'Folders')
 
    // Breadcrumbs configuration
    ->breadcrumbsRootLabel('Home')
 
    // Header configuration
    ->showHeader()  // or ->hideHeader()
 
    // Compact mode (no header, no sidebar)
    ->compact(),
 
// All options also work with FileSystemEmbed
FileSystemEmbed::make()
    ->height('400px')
    ->disk('public')
    ->sidebarRootLabel('Storage')
    ->breadcrumbsRootLabel('Root')
    ->hideSidebar(),

All configuration methods support Closure values for dynamic configuration:

FileManagerEmbed::make()
    ->sidebarRootLabel(fn () => auth()->user()->name . "'s Files")
    ->breadcrumbsRootLabel(fn () => __('file-manager.home')),

#Fluent Configuration API

The plugin provides a fluent API for configuring all aspects of the file manager directly in your Panel Provider. This approach is preferred over config file settings as it keeps your panel configuration in one place.

#Panel Sidebar

Add a folder tree sidebar to your Filament panel navigation:

use Filament\View\PanelsRenderHook;
 
FileManagerPlugin::make()
    // Enable panel sidebar (appears in Filament navigation)
    ->panelSidebar()
    ->panelSidebarRootLabel('My Files')
    ->panelSidebarHeading('Folders')
 
    // Or use the short alias
    ->sidebar()
 
    // Customize render hook location
    ->panelSidebar(
        enabled: true,
        renderHook: PanelsRenderHook::SIDEBAR_NAV_END,
        scopes: ['admin']
    )
 
    // Disable panel sidebar
    ->withoutPanelSidebar()

#File Manager Page Configuration

Configure the database mode File Manager page:

FileManagerPlugin::make()
    // Enable/disable the page
    ->fileManager(true)
    ->withoutFileManager()  // Disable
 
    // Configure page sidebar (folder tree on the page itself)
    ->fileManagerPageSidebar(true)
    ->fileManagerSidebarRootLabel('Root')
    ->fileManagerSidebarHeading('Folders')
 
    // Configure navigation
    ->fileManagerNavigation(
        icon: 'heroicon-o-folder',
        label: 'File Manager',
        sort: 1,
        group: 'Content'
    )

#File System Page Configuration

Configure the storage mode File System page (read-only):

FileManagerPlugin::make()
    // Enable/disable the page
    ->fileSystem(true)
    ->withoutFileSystem()  // Disable
 
    // Configure page sidebar
    ->fileSystemPageSidebar(true)
    ->fileSystemSidebarRootLabel('Root')
    ->fileSystemSidebarHeading('Storage')
 
    // Configure navigation
    ->fileSystemNavigation(
        icon: 'heroicon-o-server-stack',
        label: 'File System',
        sort: 2,
        group: 'Content'
    )

#Schema Example Page

Enable/disable the demo page for testing embedded components:

FileManagerPlugin::make()
    ->schemaExample(true)
    ->withoutSchemaExample()  // Disable

#Complete Configuration Example

use MWGuerra\FileManager\FileManagerPlugin;
use Filament\View\PanelsRenderHook;
 
public function panel(Panel $panel): Panel
{
    return $panel
        ->plugins([
            FileManagerPlugin::make()
                // Panel sidebar (in Filament navigation)
                ->panelSidebar()
                ->panelSidebarRootLabel('All Files')
                ->panelSidebarHeading('Folders')
 
                // File Manager page (database mode)
                ->fileManager()
                ->fileManagerPageSidebar(true)
                ->fileManagerSidebarRootLabel('Root')
                ->fileManagerSidebarHeading('Folders')
                ->fileManagerNavigation(
                    icon: 'heroicon-o-folder',
                    label: 'Files',
                    sort: 1,
                    group: 'Content'
                )
 
                // File System page (storage mode, read-only)
                ->fileSystem()
                ->fileSystemPageSidebar(true)
                ->fileSystemSidebarRootLabel('Storage Root')
                ->fileSystemSidebarHeading('Directories')
                ->fileSystemNavigation(
                    icon: 'heroicon-o-server-stack',
                    label: 'Storage',
                    sort: 2,
                    group: 'Content'
                )
 
                // Disable demo page
                ->withoutSchemaExample(),
        ]);
}

#Configuration Precedence

Configuration values follow this precedence (highest to lowest):

1. Fluent API - Values set via the plugin methods
2. Config file - Values from config/filemanager.php
3. Defaults - Built-in default values

For sidebar labels, page-specific settings fall back to panel sidebar settings:

FileManagerPlugin::make()
    ->panelSidebarRootLabel('Root')  // Default for all sidebars
    ->fileManagerSidebarRootLabel('Files Root')  // Override for File Manager only

#Artisan Commands

#filemanager:install

Install FileManager with all required assets and configuration:

php artisan filemanager:install [options]

Note: The --with-css option is only needed if you want to customize FileManager styles in your project's CSS. The plugin includes pre-compiled CSS with all necessary Tailwind classes.

#filesystem:list

List files directly from a storage disk (recursive by default):

php artisan filesystem:list [path] [options]

#filemanager:list

List files with database or storage mode support:

php artisan filemanager:list [path] [options]

#filemanager:rebuild

Rebuild database from filesystem (clears existing records):

php artisan filemanager:rebuild [options]

#filemanager:upload

Upload a local folder to storage:

php artisan filemanager:upload <path> [options]

#Publishable Assets

#Issues and Contributing

Found a bug or have a feature request? Please open an issue on GitHub Issues.

We welcome contributions! Please read our Contributing Guide before submitting a pull request.

#License

File Manager is open-sourced software licensed under the MIT License.

#Author

#Marcelo W. Guerra

• Website: mwguerra.com
• Github: mwguerra
• Linkedin: marcelowguerra

#Contributors

• Claudio Pereira
• Fernando dos Santos Souza