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.21(1y ago)43445.4k—2.9%20[5 PRs](https://github.com/ijpatricio/mingle/pulls)2MITPHPPHP ^8.2CI passing Since Apr 6Pushed 2mo 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 1mo ago READMEChangelogDependencies (10)Versions (36)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 52 — FairBetter than 96% of packages Maintenance67 Regular maintenance activity Popularity51 Moderate usage in the ecosystem Community25 Small or concentrated contributor base Maturity55 Maturing project, gaining track record Bus Factor1 Top contributor holds 86.7% 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 ~16 days Recently: every ~48 days Total 21 Last Release 454d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/244a7b6892a44d2bf07b1643486aa8ee67900623764a5f08533a38da07403cd1?d=identicon)[ijpatricio](/maintainers/ijpatricio) --- Top Contributors [![ijpatricio](https://avatars.githubusercontent.com/u/26031459?v=4)](https://github.com/ijpatricio "ijpatricio (228 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)")[![FdClemente](https://avatars.githubusercontent.com/u/51190714?v=4)](https://github.com/FdClemente "FdClemente (3 commits)")[![laravel-shift](https://avatars.githubusercontent.com/u/15991828?v=4)](https://github.com/laravel-shift "laravel-shift (2 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-data Create unified resources and data transfer objects 1.7k28.9M627](/packages/spatie-laravel-data)[hirethunk/verbs An event sourcing package that feels nice. 513162.9k6](/packages/hirethunk-verbs)[worksome/exchange Check Exchange Rates for any currency in Laravel. 123544.7k](/packages/worksome-exchange)[ralphjsmit/livewire-urls Get the previous and current url in Livewire. 82270.3k4](/packages/ralphjsmit-livewire-urls)[hydrat/filament-table-layout-toggle Filament plugin adding a toggle button to tables, allowing user to switch between Grid and Table layouts. 6292.3k1](/packages/hydrat-filament-table-layout-toggle)[ralphjsmit/laravel-helpers A package containing handy helpers for your Laravel-application. 13704.6k2](/packages/ralphjsmit-laravel-helpers) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)