PHPackages                             ethanbarlo/mesh - 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. [API Development](/categories/api)
4. /
5. ethanbarlo/mesh

ActiveLibrary[API Development](/categories/api)

ethanbarlo/mesh
===============

Render React (and other frameworks) as the frontend of your Livewire components.

v0.2.0(1mo ago)032↑50%[2 issues](https://github.com/EthanBarlo/mesh/issues)[4 PRs](https://github.com/EthanBarlo/mesh/pulls)MITTypeScriptPHP ^8.3CI passing

Since May 31Pushed 3w agoCompare

[ Source](https://github.com/EthanBarlo/mesh)[ Packagist](https://packagist.org/packages/ethanbarlo/mesh)[ Docs](https://github.com/ethanbarlo/mesh)[ RSS](/packages/ethanbarlo-mesh/feed)WikiDiscussions main Synced 1w ago

READMEChangelog (2)Dependencies (13)Versions (9)Used By (0)

Mesh
====

[](#mesh)

> A React + Livewire 4 islands bridge. Render interactive framework components inside Livewire, with props flowing across the boundary.

What it does
------------

[](#what-it-does)

Mesh lets you drop a React (or Vue/Svelte) component into a Livewire view and treat it as an island. Livewire owns the server state; Mesh hands props across the bridge and mounts the component.

Install
-------

[](#install)

```
composer require ethanbarlo/mesh
```

See [INSTALL.md](INSTALL.md) for the full host-app setup (Vite alias, `app.ts`, Livewire start).

Quick example
-------------

[](#quick-example)

### 1. The PHP component

[](#1-the-php-component)

```