PHPackages                             amir94rp/laravel-file-manager - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [File & Storage](/categories/file-storage)
4. /
5. amir94rp/laravel-file-manager

ActiveLibrary[File & Storage](/categories/file-storage)

amir94rp/laravel-file-manager
=============================

vue 3 laravel file manager

3.0.0(3y ago)895[3 issues](https://github.com/amir94rp/laravel-file-manager/issues)MITPHPPHP >=7.3

Since Jan 19Pushed 3y ago2 watchersCompare

[ Source](https://github.com/amir94rp/laravel-file-manager)[ Packagist](https://packagist.org/packages/amir94rp/laravel-file-manager)[ RSS](/packages/amir94rp-laravel-file-manager/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (8)Dependencies (2)Versions (8)Used By (0)

Laravel, Inertia Vue 3 Image Manager
====================================

[](#laravel-inertia-vue-3--image-manager)

This package is a simple image manager that allows you to upload your images, specify the name and format of the uploading files, create and delete folder.

In addition to storing the original image, this package stores 3 images in dimensions of 50%, 25% and 10% of the uploaded image. on selecting the image, you can choose one of these dimensions and specify an alt text.

Installation
------------

[](#installation)

Install ImageManager Laravel package

```
composer require amir94rp/laravel-file-manager
```

Publish config file

```
php artisan vendor:publish --tag=laravel-file-manager
```

Link your storage

```
php artisan storage:link
```

Install ImageManager Vue3 component

```
npm i @amir94rp/vue3-file-manager --save-dev

```

If you are using Tailwind V.2, add the module path to the Tailwind settings file (tailwind.config.js). In this module, we use aspect ratio and forms plugins, and you should add these to the plugins array.

```
module.exports = [
    //...
    purge: {
        //...
        content: [
            './node_modules/@amir94rp/vue3-file-manager/dist/components/*.js',
        ],
        //...
    //...
    },

    corePlugins: {
        aspectRatio: false,
    },

    plugins: [
        require('@tailwindcss/forms'),
        require('@tailwindcss/aspect-ratio')
    ],
]
```

If you are not interested in the above method or do not use Tailwind V.2, you can import the style file.

```
import '@amir94rp/vue3-file-manager/dist/components/style.css';
```

Usage/Examples
--------------

[](#usageexamples)

```

    import ImageManager from "@amir94rp/vue3-file-manager";

    export default {
      data(){
        return{
          open:false,
          multiple:false,
          select:false,
          quality:'xl',
          alt:false,
        }
      },

      components:{
        ImageManager
      },

      methods:{
        log:function (value){
          console.log(value);
      },
    }

```

Available Props
---------------

[](#available-props)

PropDefaultDescription`open``false`**Required**. open and close the ImageManager`multiple``false`active multiple image selecting`select``false`active image size selecting`alt``false`active image alt writing`quality``sm`ImageManager preview quality. possible values : 'xl' , 'lg' , 'md' , 'sm'Events
------

[](#events)

EventTypeDescription`output``String , Array , Object`ImageMnager selected images outputDemo
----

[](#demo)

[Click here to see the demo](https://image-manager.amir94rp.me/)

License
-------

[](#license)

[MIT](https://choosealicense.com/licenses/mit/)

###  Health Score

24

—

LowBetter than 32% of packages

Maintenance13

Infrequent updates — may be unmaintained

Popularity15

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity49

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~45 days

Recently: every ~67 days

Total

7

Last Release

1304d ago

Major Versions

1.1.1 → 2.0.02022-04-09

2.0.0 → 3.0.02022-10-17

### Community

Maintainers

![](https://www.gravatar.com/avatar/f33352fd22488b90ab3f248b20635bc488c448743726744c1e121342d275d18e?d=identicon)[amir94rp](/maintainers/amir94rp)

---

Top Contributors

[![amir94rp](https://avatars.githubusercontent.com/u/53301290?v=4)](https://github.com/amir94rp "amir94rp (15 commits)")

### Embed Badge

![Health badge](/badges/amir94rp-laravel-file-manager/health.svg)

```
[![Health](https://phpackages.com/badges/amir94rp-laravel-file-manager/health.svg)](https://phpackages.com/packages/amir94rp-laravel-file-manager)
```

###  Alternatives

[unisharp/laravel-filemanager

A file upload/editor intended for use with Laravel 5 to 10 and CKEditor / TinyMCE

2.2k3.3M74](/packages/unisharp-laravel-filemanager)[barryvdh/elfinder-flysystem-driver

A Flysystem Driver for elFinder

1864.7M31](/packages/barryvdh-elfinder-flysystem-driver)[inovector/mixpost

Self-hosted social media management software.

3.0k5.2k2](/packages/inovector-mixpost)[code16/sharp

Laravel Content Management Framework

78959.5k4](/packages/code16-sharp)[jeremytubbs/deepzoom

Deepzoom Tile Generator for OpenSeadragon

5018.7k2](/packages/jeremytubbs-deepzoom)[farhanshares/laravel-mediaman

MediaMan - The most elegant & powerful media management package for Laravel!

293.7k](/packages/farhanshares-laravel-mediaman)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)