PHPackages ijpatricio/mingle - 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 & Helpers](/categories/utility) 4. / 5. ijpatricio/mingle ActiveLibrary[Utility & Helpers](/categories/utility) ijpatricio/mingle ================= Use Vue and React in Laravel Livewire Applications. v0.0.22(3mo ago)43970.0k↓23.8%22[9 issues](https://github.com/ijpatricio/mingle/issues)[6 PRs](https://github.com/ijpatricio/mingle/pulls)2MITPHPPHP ^8.2CI passing Since Apr 6Pushed 1mo ago6 watchersCompare [ Source](https://github.com/ijpatricio/mingle)[ Packagist](https://packagist.org/packages/ijpatricio/mingle)[ Docs](https://github.com/ijpatricio/mingle)[ GitHub Sponsors](https://github.com/ijpatricio)[ RSS](/packages/ijpatricio-mingle/feed)WikiDiscussions main Synced 2d ago READMEChangelog (1)Dependencies (20)Versions (38)Used By (2) [![](./art/logo-cover.png)](./art/logo-cover.png) MingleJS ======== [](#minglejs) [![Build Status](https://github.com/ijpatricio/mingle/workflows/Tests/badge.svg)](https://github.com/ijpatricio/mingle/actions)[![Total Downloads](https://camo.githubusercontent.com/b79f5c8cc1a17d4e5a757f05b46ccdfe3d1f522dbdea99088bbc299a60a9d72e/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f696a706174726963696f2f6d696e676c65)](https://packagist.org/packages/ijpatricio/mingle)[![Latest Stable Version](https://camo.githubusercontent.com/ae86b2ebb071bf43c14d1ab8405e70a4e40fba0be127684197ad81a2861b37b0/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f696a706174726963696f2f6d696e676c65)](https://packagist.org/packages/ijpatricio/mingle)[![License](https://camo.githubusercontent.com/89470d39b66381c32ba8e619b94e6ea485024c7ae695fa611275af920cf842b5/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f6c2f696a706174726963696f2f6d696e676c65)](https://packagist.org/packages/ijpatricio/mingle) As you may already know, [Livewire](https://livewire.laravel.com/) is a full-stack framework for [Laravel](https://laravel.com/) that allows you to build dynamic interfaces using server-side code. MingleJS allows you to use React/Vue components in your Livewire application, so you can use the best of both worlds. How is it working? ------------------ [](#how-is-it-working) MingleJS renders a `div` on the server-side, and then mounts the React/Vue component on the client-side. Each JS component is rendered by a Livewire compoenent, so you get an island of interactivity in your Livewire application, with the JS of your taste. [![Browser with stack of divs and a Mingle](art/img_1.png)](art/img_1.png) Some included nicety features ----------------------------- [](#some-included-nicety-features) In the backend component, you can pass data that the component will have access to on the frontend. You can choose to keep using Ajax client - Axios/Fetch/etc. But the reality is, for the most part, you can use the convenient way of making server actions, which is Livewire. You get to make server requests just by `$wire.addTodo(todo)`. Find below a simple diagram of how MingleJS works in a page. [![Browser and server showing how they interact winthin a Mingle](art/img_2.png)](art/img_2.png) Getting started & Documentation ----------------------------------- [](#getting-started--documentation) You'll find how to get started and the documentation [here](https://minglejs.unitedbycode.com). For any questions and suggestions regarding MingleJS, feel free to [create an issue on GitHub](https://github.com/ijpatricio/mingle/issues). Changelog --------- [](#changelog) Please see [CHANGELOG](CHANGELOG.md) for more information on what has changed recently. Contributing ------------ [](#contributing) Please see [CONTRIBUTING](CONTRIBUTING.md) for details. Credits ------- [](#credits) - [Joao Patricio](https://github.com/ijpatricio) - [All Contributors](../../contributors) License ------- [](#license) The MIT License (MIT). Please see [License File](LICENSE.md) for more information. ### Health Score 58 — FairBetter than 98% of packages Maintenance87 Actively maintained with recent releases Popularity52 Moderate usage in the ecosystem Community25 Small or concentrated contributor base Maturity56 Maturing project, gaining track record Bus Factor1 Top contributor holds 86.1% 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 ~34 days Recently: every ~148 days Total 22 Last Release 100d ago ### Community Maintainers ![](https://avatars.githubusercontent.com/u/26031459?v=4)[Patricio](/maintainers/ijpatricio)[@ijpatricio](https://github.com/ijpatricio) --- Top Contributors [![ijpatricio](https://avatars.githubusercontent.com/u/26031459?v=4)](https://github.com/ijpatricio "ijpatricio (229 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (12 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (9 commits)")[![parm](https://avatars.githubusercontent.com/u/632309?v=4)](https://github.com/parm "parm (7 commits)")[![laravel-shift](https://avatars.githubusercontent.com/u/15991828?v=4)](https://github.com/laravel-shift "laravel-shift (4 commits)")[![FdClemente](https://avatars.githubusercontent.com/u/51190714?v=4)](https://github.com/FdClemente "FdClemente (3 commits)")[![EthanBarlo](https://avatars.githubusercontent.com/u/65189904?v=4)](https://github.com/EthanBarlo "EthanBarlo (1 commits)")[![MohammadZarifiyan](https://avatars.githubusercontent.com/u/55022827?v=4)](https://github.com/MohammadZarifiyan "MohammadZarifiyan (1 commits)") --- Tags laravellivewirereactvue ### Code Quality TestsPest Code StyleLaravel Pint ### Embed Badge ![Health badge](/badges/ijpatricio-mingle/health.svg) ``` [![Health](https://phpackages.com/badges/ijpatricio-mingle/health.svg)](https://phpackages.com/packages/ijpatricio-mingle) ``` ### Alternatives [spatie/laravel-pdf Create PDFs in Laravel apps 1.0k4.8M47](/packages/spatie-laravel-pdf)[codewithdennis/filament-select-tree The multi-level select field enables you to make single selections from a predefined list of options that are organized into multiple levels or depths. 329530.5k29](/packages/codewithdennis-filament-select-tree)[worksome/exchange Check Exchange Rates for any currency in Laravel. 124603.0k](/packages/worksome-exchange)[rawilk/profile-filament-plugin Profile & MFA starter kit for filament. 3914.6k](/packages/rawilk-profile-filament-plugin) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)