PHPackages                             vigstudio/livewire-comments - 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. [Utility &amp; Helpers](/categories/utility)
4. /
5. vigstudio/livewire-comments

ActiveLaravel-library[Utility &amp; Helpers](/categories/utility)

vigstudio/livewire-comments
===========================

Livewire comments packages use backend by vgcomments

1.1.5(2y ago)141073[1 issues](https://github.com/vigstudio/livewire-comments/issues)MITCSSPHP ^8.0

Since Dec 24Pushed 2y ago1 watchersCompare

[ Source](https://github.com/vigstudio/livewire-comments)[ Packagist](https://packagist.org/packages/vigstudio/livewire-comments)[ Docs](https://github.com/vigstudio/livewire-comments)[ RSS](/packages/vigstudio-livewire-comments/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (10)Dependencies (5)Versions (14)Used By (0)

[![Latest Version on Packagist](https://camo.githubusercontent.com/63ace50dab12dda2b8aec1b080b4a80b2b271d9b94f388b40d6c7099118a1ac0/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f76696773747564696f2f6c697665776972652d636f6d6d656e74732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/vigstudio/livewire-comments)[![Total Downloads](https://camo.githubusercontent.com/71ad8233460b406690b278bb9a240dc4edab7f7616d2da3799df71008e840964/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f76696773747564696f2f6c697665776972652d636f6d6d656e74732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/vigstudio/livewire-comments)

Livewire Comments Package
=========================

[](#livewire-comments-package)

- [Documents](https://vgcomment.netlify.app/livewire-comments/)
- [Live Demo](https://vgcomment.nghiane.com/)

*Features*
----------

[](#features)

- Add comments to any model
- Multiple comment systems on the same page
- Multiple auth guards
- Image and File upload support
- Drag and drop, copy and paste upload files support
- reCaptcha v3 support
- Emoji support
- Markdown support
- NSFW image upload check support

*Pending Features*
------------------

[](#pending-features)

- Allow guest to comment
- Admin panel
- Mention user with @
- Emoji Suggestion Popup
- Delete Report comment
- Ratting system
- Toolbar for comment
- Comment history
- Show Nested comments
- Unit test

*Packages*
----------

[](#packages)

- [Livewire](https://laravel-livewire.com/docs/2.x/installation)
- [AlpineJs](https://alpinejs.dev/essentials/installation)
- [Heroicons Blade Components](https://github.com/archielite/laravel-heroicons)
- [VgComments](https://github.com/vigstudio/vgcomments)
- [TailwindCss](https://tailwindcss.com)
- [Plyr](https://plyr.io)
- [highlight.js](https://highlightjs.org)
- [picmo](https://picmojs.com)
- [Laravel Mix](https://github.com/laravel-mix/laravel-mix)
- [Laravel Echo](https://laravel.com/docs/9.x/broadcasting#installing-laravel-echo)

*Introduction*
--------------

[](#introduction)

Package use Macroable trait to add comments to any model. It uses Livewire and AlpineJs to create a comment system with a lot of features.

Package support multiple comment systems on the same page.

Package support multiple auth guards.

*Prerequisites*
---------------

[](#prerequisites)

- [Composer](https://getcomposer.org/download/)
- [Laravel 9.x](https://laravel.com/docs/9.x/installation)
- [Livewire](https://laravel-livewire.com/docs/2.x/installation)
- [AlpineJs](https://alpinejs.dev/essentials/installation)
- [Laravel Echo](https://laravel.com/docs/9.x/broadcasting#installing-laravel-echo)

*Install Livewire Comments Package*
-----------------------------------

[](#install-livewire-comments-package)

**In your terminal run:**

```
composer require vigstudio/livewire-comments
```

**Publish the assets files with:**

```
php artisan vendor:publish --tag=vgcomment-assets-livewire
```

**You can publish the config with:**

```
php artisan vendor:publish --tag=vgcomment-config
```

Edit prefix route in `config/vgcomment.php` file.

```
    /*
    |--------------------------------------------------------------------------
    | Route Prefix
    |--------------------------------------------------------------------------
    |
    | This is the URI path where VgComment will be accessible from. Feel free to
    | change this path to anything you like.
    |
    */
    'prefix' => 'vgcomment',
```

Edit connection name in `config/vgcomment.php` file.

```
    /*
    |--------------------------------------------------------------------------
    | Database Connection
    |--------------------------------------------------------------------------
    |
    | Here you may specify which of the database connections below you wish
    | to use as your default connection for all of your database work.
    |
    */
    'connection' => env('DB_CONNECTION', 'mysql'),
```

Edit table names in `config/vgcomment.php` file.

```
    /*
    |--------------------------------------------------------------------------
    | Name of Tables in Database
    |--------------------------------------------------------------------------
    |
    | This is the name of the table that will be created by the migration and
    | used by the Comment model shipped with this package.
    |
    | "comments"    : Comments Table
    | "files"       : Files Attachment Table
    | "reactions"   : Reactions Table
    | "reports"     : Reports Table
    | "settings"    : Settings Table
    |
    */
    'table' => [
        'comments' => 'vgcomments',
        'files' => 'vgcomment_files',
        'reactions' => 'vgcomment_reactions',
        'reports' => 'vgcomment_reports',
        'settings' => 'vgcomment_settings',
    ],
```

Config Column or Attribute User Model in `config/vgcomment.php` file.

```
        /*
    |--------------------------------------------------------------------------
    | Column of User Table for get Data
    |--------------------------------------------------------------------------
    |
    | This is the setting for column of user table for get data.
    | "user_column_name"  : Column name for get name user
    | "user_column_email" : Column name for get email user
    | "user_column_url"   : Column name for get url user
    |
    */
    'user_column_name' => 'name',
    'user_column_email' => 'email',
    'user_column_url' => 'url',
    'user_column_avatar_url' => 'avatar_url',
```

Set moderation user in `config/vgcomment.php` file.

```
        /*
    |--------------------------------------------------------------------------
    | Users Manager Comments
    |--------------------------------------------------------------------------
    |
    | This is the setting for users manager comments.
    | 'guard' => [user_id]
    |
    | Example:
    | 'web' => [1, 2, 3]
    | 'api' => [1, 2, 3]
    |
    */
    'moderation_users' => [
        'web' => [1],
    ],
```

**Run the migrate command to create the necessary tables:**Before running the migrate command, you can edit the `config/vgcomment.php` file to change the table names.

```
php artisan migrate
```

**Additionally you may want to clear the config, cache, etc:**

```
php artisan optimize:clear
```

[!["Buy Me A Coffee"](https://camo.githubusercontent.com/9f44ce2dc3b3eecdd02598900866ffc518801df1932849703dae1e5ce5031070/68747470733a2f2f7777772e6275796d6561636f666665652e636f6d2f6173736574732f696d672f637573746f6d5f696d616765732f6f72616e67655f696d672e706e67)](https://www.buymeacoffee.com/nghianecom)

[!["Donate Me!"](https://camo.githubusercontent.com/c672c00f26a9531369a3c9401150a9eb1af1d65f99fa5feb358acb79cf3adb73/68747470733a2f2f692e6962622e636f2f507736733734722f696d6167652e706e67)](https://nghiane.com)

###  Health Score

29

—

LowBetter than 60% of packages

Maintenance19

Infrequent updates — may be unmaintained

Popularity19

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity58

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 ~12 days

Recently: every ~20 days

Total

13

Last Release

1092d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/8930261fb49dd9257915a0209a666c6b7af8200bad47944df74929c2f658771c?d=identicon)[vingamagic](/maintainers/vingamagic)

---

Top Contributors

[![vigstudio](https://avatars.githubusercontent.com/u/34742453?v=4)](https://github.com/vigstudio "vigstudio (32 commits)")

---

Tags

commentscomments-systemlaravellaravel-adminlaravel-commentslivewirelivewire-commentlivewire-componentlivewire-componentsphplivewirecommentslaravel-commentslivewire-commentsvigstudiocomments-system

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/vigstudio-livewire-comments/health.svg)

```
[![Health](https://phpackages.com/badges/vigstudio-livewire-comments/health.svg)](https://phpackages.com/packages/vigstudio-livewire-comments)
```

###  Alternatives

[livewire/flux

The official UI component library for Livewire.

9385.0M86](/packages/livewire-flux)[livewire/volt

An elegantly crafted functional API for Laravel Livewire.

4195.3M84](/packages/livewire-volt)[usamamuneerchaudhary/commentify

Easy Laravel Livewire Comments with TailwindCSS UI

23214.3k](/packages/usamamuneerchaudhary-commentify)[beyondcode/laravel-comments

Add comments to your Laravel application

605414.2k2](/packages/beyondcode-laravel-comments)[ramonrietdijk/livewire-tables

Dynamic tables for models with Laravel Livewire

21147.4k](/packages/ramonrietdijk-livewire-tables)[marcorieser/statamic-livewire

A Laravel Livewire integration for Statamic.

2381.5k10](/packages/marcorieser-statamic-livewire)

PHPackages © 2026

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