Filament Media Library Manager

This package allows you to give your users a beautiful way to upload images to your application and manage their library. It integrates with and is based on Spatie MediaLibrary, one of the most popular and widely used packages in the Laravel ecosystem.

Upgrading from V1 to V2?

Features

• Media library page in your application.
• Custom field to select a media item.
• Multiselect (NEW)
• Folders (NEW)
• Table column to display a media library item (NEW)
• Custom forms when viewing/editing an image (NEW)
• Integration with Spatie MediaLibrary.
• Bulk-upload images.
• Responsive images.
• Ability to add items outside of Filament Admin.
• Beautiful design & integration with Filament Admin.
• Support for dark mode. 🌚
• Can be easily translated with a language file.
• Can be used outside the admin panel, with only the Form Builder.
• Register your own media conversions.
• Upload images, SVGs, PDFs and videos.
• Support for policies.
• Search through image names and filenames.
• Performant UI (IMPROVED)
• Replace image (NEW)
• Ability to show upload box by default (NEW)
• Show a warning when there are unstored files in the upload box (NEW)
• Customisable button label for the media picker (NEW)
• Sorting files & folders (NEW)

View changelog

Screenshots

Library (light and dark mode)

The MediaLibrary page is the page where your users can view all their images. The complete package is compatible with both dark- and lightmode.

Upload & bulk upload

Users can drag-and-drop their images unto the upload component. Bulk uploads are allowed. You can use Laravel's queue processing feature to handle the process of generating responsive images in the background.

MediaPicker Field & modal

You can use the MediaPicker Field everywhere inside the admin panel where you want it: as a single field or in a repeater. It works everywhere.

When a user clicks on 'Choose image', he/she will see the following modal, which they can use to pick an image.

Users can also pick multiple images at the same time (V2-feature):

Image detail

You can browse images using the UI:

For each image, you can view the image, view rows of information (can add custom rows) and edit each item using a custom form:

One of the use cases could be to allow adding tags to images:

Default theme

By default Filament comes with it's own CSS, which integrates neatly into the admin panel design. However, as I did in the above screenshots, it is just as beautiful if you integrate it with your own Filament theme.

Find the full installation guide at the Filament PHP website.