PHPackages                             esign/laravel-react-components - 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. esign/laravel-react-components

ActiveLibrary[Utility & Helpers](/categories/utility)

esign/laravel-react-components
==============================

Use react components within laravel

1.7.0(3mo ago)014.1k↓58.7%MITPHPPHP ^8.1CI passing

Since Feb 1Pushed 3mo ago3 watchersCompare

[ Source](https://github.com/esign/laravel-react-components)[ Packagist](https://packagist.org/packages/esign/laravel-react-components)[ Docs](https://github.com/esign/laravel-react-components)[ RSS](/packages/esign-laravel-react-components/feed)WikiDiscussions master Synced yesterday

READMEChangelog (8)Dependencies (12)Versions (10)Used By (0)

Use react components within laravel
===================================

[](#use-react-components-within-laravel)

[![Latest Version on Packagist](https://camo.githubusercontent.com/4b6887afe05f4a8364ceec17c31082660a1d727e0373afe46fdc753b767200a8/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f657369676e2f6c61726176656c2d72656163742d636f6d706f6e656e74732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/esign/laravel-react-components)[![Total Downloads](https://camo.githubusercontent.com/30e3c6cd7327a479582ae698d424c0e158a469c00d86d5c7605040956124ad3c/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f657369676e2f6c61726176656c2d72656163742d636f6d706f6e656e74732e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/esign/laravel-react-components)[![GitHub Actions](https://github.com/esign/laravel-react-components/actions/workflows/main.yml/badge.svg)](https://github.com/esign/laravel-react-components/actions/workflows/main.yml/badge.svg)

This packages allows you to register react components within your laravel application.

Installation
------------

[](#installation)

You can install the package via composer:

```
composer require esign/laravel-react-components
```

The package will automatically register a service provider.

Usage
-----

[](#usage)

To register the container for a react component a `@reactComponent` directive has been included. Props may be passed as the second parameter:

```
@reactComponent('article-card')
@reactComponent('article-card', ['article' => $article])
```

In case you want some more customization you may always use the [anonymous component](https://laravel.com/docs/blade#anonymous-components). This component allows you to pass additional attributes and define as what HTML tag the component should be rendered:

```

```

To register the components in your frontend build, you may use the `registerReactComponents` function included in this package. This can be published using the following command:

```
php artisan react-components:install
```

The file will be copied to `resources/assets/js/utils/registerReactComponents.js` but may be moved to any other location.

```
import { ArticleCard } from "./Components/ArticleCard";
import { registerReactComponents } from "./utils/registerReactComponents";

registerReactComponents({
    'article-card': ArticleCard,
});
```

### Testing

[](#testing)

```
composer test
```

License
-------

[](#license)

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

###  Health Score

48

—

FairBetter than 93% of packages

Maintenance80

Actively maintained with recent releases

Popularity25

Limited adoption so far

Community10

Small or concentrated contributor base

Maturity64

Established project with proven stability

 Bus Factor1

Top contributor holds 88.5% 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 ~214 days

Recently: every ~277 days

Total

8

Last Release

108d ago

PHP version history (2 changes)1.0.0PHP ^8.0

1.5.0PHP ^8.1

### Community

Maintainers

![](https://www.gravatar.com/avatar/4599d7a8f6fdb63dd04305a49ae5ec9700b7a6eacdbe3a54f89584d75e34503f?d=identicon)[esign](/maintainers/esign)

---

Top Contributors

[![jordyvanderhaegen](https://avatars.githubusercontent.com/u/24370626?v=4)](https://github.com/jordyvanderhaegen "jordyvanderhaegen (23 commits)")[![laravel-shift](https://avatars.githubusercontent.com/u/15991828?v=4)](https://github.com/laravel-shift "laravel-shift (3 commits)")

---

Tags

componentsreactesignreact-components

###  Code Quality

TestsPHPUnit

Code StylePHP CS Fixer

### Embed Badge

![Health badge](/badges/esign-laravel-react-components/health.svg)

```
[![Health](https://phpackages.com/badges/esign-laravel-react-components/health.svg)](https://phpackages.com/packages/esign-laravel-react-components)
```

###  Alternatives

[laravel/ai

The official AI SDK for Laravel.

1.0k3.2M194](/packages/laravel-ai)[illuminate/queue

The Illuminate Queue package.

21332.6M1.6k](/packages/illuminate-queue)[livewire/flux

The official UI component library for Livewire.

9527.8M127](/packages/livewire-flux)[illuminate/session

The Illuminate Session package.

9939.3M849](/packages/illuminate-session)[spatie/laravel-export

Create a static site bundle from a Laravel app

674146.0k6](/packages/spatie-laravel-export)[flarum/core

Delightfully simple forum software.

201.4M2.3k](/packages/flarum-core)

PHPackages © 2026

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