Laravel Media Manager

A "Vuejs & Laravel" Media Manager With Tons of Features
Alternatives To Laravel Media Manager
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
3 days ago95December 30, 202241mitPHP
🐦 A personal music streaming server that works.
6 days ago3bsd-3-clausePHP
The open-source status page system 🚦
17 days ago30March 06, 2022408agpl-3.0PHP
Open Source Invoicing Solution for Individuals & Businesses
a day ago149July 07, 202317gpl-3.0PHP
Online Accounting Software
Aimeos Laravel6,4892512 days ago126January 24, 20233mitPHP
Laravel ecommerce package for ultra fast online shops, scalable marketplaces, complex B2B applications and #gigacommerce
Coreui Free React Admin Template4,13429 days ago2November 01, 20201mitJavaScript
CoreUI React is a free React admin template based on Bootstrap 5
11 days ago40July 11, 20234mitJavaScript
Integrated online shop based on Laravel 9 and the Aimeos e-commerce framework for ultra-fast online shops, scalable marketplaces, complex B2B applications and #gigacommerce
5 days ago115May 23, 2023149apache-2.0PHP
Twill is an open source CMS toolkit for Laravel that helps developers rapidly create a custom admin console that is intuitive, powerful and flexible. Chat with us on Discord at
Cms2,976310716 hours ago307August 17, 2023447otherPHP
The core Laravel CMS Composer package
4 months ago49November 04, 201935mitPHP
:star2: PJ Blog is an open source blog built with Laravel and Vue.js.
Alternatives To Laravel Media Manager
Select To Compare

Alternative Project Comparisons

Laravel Media Manager
Browser Status Latest Stable Version Total Downloads
Browser Status

main card


  • composer require ctf0/media-manager

  • publish the package assets with

    php artisan vendor:publish --provider="ctf0\MediaManager\MediaManagerServiceProvider"

  • after installation, run php artisan lmm:setup to add

    • package routes to routes/web.php
    • package assets compiling to webpack.mix.js
  • for lock/unlock item/s we use a db "sqlite" but if you prefer to use something else you should run the migration

    php artisan migrate
  • install dependencies

    yarn add vue vue-ls vue-infinite-loading vue-image-compare2 vue-tippy@v2 vue2-filters vue-input-autowidth vue-notif vue-clipboard2 vue-awesome vue-touch@next vue-focuspoint-component axios dropzone cropperjs keycode lottie-web plyr fuse.js music-metadata-browser idb-keyval annyang
    yarn add buffer process --dev
  • add this one liner to your main js file and run npm run watch to compile your js/css files.

    // app.js
    // mix v5
    window.Vue = require('vue')
    // mix v6
    import Vue from 'vue'
    new Vue({
        el: '#app'



  • image editor
  • multi
    • upload
    • move/copy
    • delete
  • upload by either
    • using the upload panel
    • drag & drop anywhere
    • click & hold on an empty area "items container"
    • from a url "images only"
  • preview files before uploading
  • toggle between random/original names for uploaded files
  • asynchronous Updates
  • bulk selection
  • bookmark visited directories for quicker navigation
  • change item/s visibility
  • update the page url on navigation
  • show audio files info "artist, album, year, etc.."
  • dynamically hide files / folders
  • restrict access to path
  • download selected "including bulk selection"
  • directly copy selected file link
  • use the manager
  • auto scroll to selected item using "left, up, right, down, home, end"
  • lock/unlock item/s.
  • search in the current directory or globally through the entire collection.
  • filter by
    • folder
    • image
    • audio
    • video
    • text/pdf
    • application/archive
    • locked items
    • selected items
  • sort by
    • name
    • size
    • last modified
  • items count for
    • all
    • selected
    • search found
  • contents ratio bar
  • protection against overwriting (files/folders)
  • file name sanitization for
    • upload
    • rename
    • new folder
  • disable/enable buttons depend on the usage to avoid noise & keep the user focused
  • shortcuts / gestures
    • if no more rows available, pressing down will go to the last item in the list "same as native file manager".
    • when viewing a audio/video file in the preview card, pressing space will play/pause the item instead of closing the modal.
    • dbl click/tap
      • any file of type audio/video when sidebar is hidden, will open it in the preview card "same as images".
      • any file of type application/archive will download it.
    • all the left/right gestures have their counterparts available as well.
    • pressing esc while using the image editor wont close the modal but you can dbl click/tap the modal background to do so. "to avoid accidentally canceling your changes".

- the info sidebar is only available on big screens "> 1023px".
- to stop interfering with other keydown events you can toggle the manager listener through'disable-global-keys', true/false).

navigation button keyboard click / tap touch
toggle upload panel (toolbar) u
refresh (toolbar) r hold "clear cache" pinch in (items container)
move/show movable list (toolbar) m / p
image editor (toolbar) e
delete (toolbar) d / del
lock/unlock (toolbar) l hold "anything but images"
change visibility (toolbar) v
toggle bulk selection (toolbar) b
(reset) bulk select all (toolbar) a
add to movable list (shopping cart) c / x *
move/show movable list (shopping cart) **
clear movable list (shopping cart) hold
toggle sidebar (path bar) t * swipe left/right (sidebar)
confirm (modal) enter
toggle preview image/pdf/text (item) space **
play/pause media (item) space **
hide (modal / upload-panel) esc
reset (search / bulk selection / filter / sorting) esc
reset upload showPreview esc
confirm upload showPreview enter
add to movable list (item) swipe up
delete (item) swipe down
rename (item) swipe left
image editor (item) hold
current ++ selected (item) shift + click
current + selected (item) alt/meta + click
create new folder ** (items container)
go to next "item" right * swipe left (preview)
go to prev "item" left * swipe right (preview)
go to first "item" home
go to last "item" end
go to next "row" down swipe up (preview)
go to prev "row" up swipe down (preview)
open folder enter **
go to prev "dir" folderName (path bar) backspace * swipe right (items container)


type event-name description
modal-show when modal is shown
modal-hide when modal is hidden
file_selected (when inside modal) get selected file url
multi_file_selected (when inside modal) get bulk selected files urls
folder_selected (when inside modal) get selected folder path
MMFileUploaded($file_path, $mime_type, $options) get uploaded file storage path, mime type, custom options
MMFileSaved($file_path, $mime_type) get saved (edited/link) image full storage path, mime type
MMFileDeleted($file_path, $is_folder) get deleted file/folder storage path, if removed item is a folder
MMFileRenamed($old_path, $new_path) get renamed file/folder "old & new" storage path
MMFileMoved($old_path, $new_path) get moved file/folder "old & new" storage path



  • visit localhost:8000/media


If you discover any security-related issues, please email [email protected].

Popular Laravel Projects
Popular Vue Projects
Popular Frameworks Categories
Related Searches

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.