Introduction
On this page
Media Library Pro is a paid add-on package that offers Blade, Livewire, Vue, and React components to upload files to your application.
Media Library Pro ships with two components for every environment: an attachment component, and a collection component.
The attachment component can upload one or more files with little or no extra information. It's a lightweight solution for small bits of UI like avatar fields or message attachments.
The collection component can upload multiple files with custom properties. The collection component shines when you need to manage media, for example in admin panels.
If none of those fit the bill, Media Library Pro supplies you with a number of helpers to build your own components.
Are you a visual learner?
In this video, you'll see a quick overview of the package.
Want to see more videos like this? Check out our free video course on how to use Laravel Media Library.
Dive in
All components upload media to the server with the same API. Before you dive into the frontend, read our server guide.
Next, choose your own journey. We have written extensive guides for all four flavours. Be sure to first follow the base installation instructions and pro installation instructions.
Blade
You can use the attachment and collection components in regular forms. Behind the scenes these components use Livewire, but no Livewire knowledge is needed to use them. See the links below for handling uploads with Livewire.
Livewire
If you are creating Livewire components to display and handle forms, this is your path. The attachment and collection components can be used from within your Livewire components
Vue
React
Demo application
We've created a demo application in which all components are installed. This way you'll have a full example on how to use components in your project.
You'll find the code of the demo application in this repository on GitHub. In order to composer install on that project, you'll need to have a license.