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(4mo ago)44176.4k↓25.3%22[9 issues](https://github.com/ijpatricio/mingle/issues)[6 PRs](https://github.com/ijpatricio/mingle/pulls)3MITPHPPHP ^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 2w ago READMEChangelog (1)Dependencies (20)Versions (38)Used By (3) [![](./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 56 — FairBetter than 97% of packages Maintenance79 Regular maintenance activity Popularity52 Moderate usage in the ecosystem Community26 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 145d 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 [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. 329575.9k35](/packages/codewithdennis-filament-select-tree)[rawilk/profile-filament-plugin Profile & MFA starter kit for filament. 3915.5k](/packages/rawilk-profile-filament-plugin) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)