PHPackages                             23m/livewire-async - 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. [Framework](/categories/framework)
4. /
5. 23m/livewire-async

Abandoned → [livewire/livewire](/?search=livewire%2Flivewire)ArchivedLibrary[Framework](/categories/framework)

23m/livewire-async
==================

Extending the Laravel Livewire's component to load asynchronous

0.2(1y ago)168.1k↓87.5%2MITPHP

Since Feb 10Pushed 1y ago1 watchersCompare

[ Source](https://github.com/23M/livewire-async)[ Packagist](https://packagist.org/packages/23m/livewire-async)[ RSS](/packages/23m-livewire-async/feed)WikiDiscussions main Synced today

READMEChangelog (2)Dependencies (1)Versions (3)Used By (0)

Not maintained anymore
======================

[](#not-maintained-anymore)

This package is not maintained anymore because Livewire 3.0 is out. It has a built-in solution for async loading. See [Lazy Loading](https://livewire.laravel.com/docs/lazy) in the official documentation.

---

Livewire Async
==============

[](#livewire-async)

We totally ❤️ [Livewire by Caleb Porzio](https://github.com/livewire/livewire).

It renders the components on first page load. For a good reason. But if your component uses an API, you might not want to wait for it. For Livewire this is called [Defer Loading](https://laravel-livewire.com/docs/2.x/defer-loading) and it is of course documented well.

However, if you build multiple components with this behaviour, it feels kind of repeating yourself. This is where this package comes in. It shows a loading animation on first page load and delivers the content asynchronously.

Install
-------

[](#install)

You just want to run

```
$ composer require 23m/livewire-async
```

That's it.

Create component
----------------

[](#create-component)

Since this package does not come with a `make` command (yet), you can use Livewire's command.

```
$ php artisan livewire:make api.heroes
```

After opening your component in `app/Http/Livewire/Api/Heroes`, there are only small changes needed:

1. Your class should extend `TTM\LivewireAsync\AsyncComponent` instead of `Livewire\Component`
2. Rename the method `render` to `renderAsync`

Your component should look something like this:

```
use TTM\LivewireAsync\AsyncComponent;

class Customer extends AsyncComponent
{
    public function renderAsync()
    {
        $heroes = Http::get('example.com/heroes')->json();

        return view('livewire.api.heroes', compact('heroes'));
    }
}
```

Create your view as you are used to.

And here we go:

[![Preview](https://camo.githubusercontent.com/d6dcaf875ec90d4605b7a4099c2929ef5fad175fca5ae00baa6f8ae831838672/68747470733a2f2f692e696d6775722e636f6d2f387a39766247532e676966)](https://camo.githubusercontent.com/d6dcaf875ec90d4605b7a4099c2929ef5fad175fca5ae00baa6f8ae831838672/68747470733a2f2f692e696d6775722e636f6d2f387a39766247532e676966)

###  Health Score

33

—

LowBetter than 72% of packages

Maintenance46

Moderate activity, may be stable

Popularity29

Limited adoption so far

Community9

Small or concentrated contributor base

Maturity37

Early-stage or recently created project

 Bus Factor1

Top contributor holds 100% 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 ~824 days

Total

2

Last Release

416d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/8515cdfcfa0dd9f0f0d5b51b53dcf80e3f3e45f27d413d97f6cef8f31667d0c0?d=identicon)[23m](/maintainers/23m)

---

Top Contributors

[![ya-cha](https://avatars.githubusercontent.com/u/6311608?v=4)](https://github.com/ya-cha "ya-cha (3 commits)")

### Embed Badge

![Health badge](/badges/23m-livewire-async/health.svg)

```
[![Health](https://phpackages.com/badges/23m-livewire-async/health.svg)](https://phpackages.com/packages/23m-livewire-async)
```

###  Alternatives

[laravel/pulse

Laravel Pulse is a real-time application performance monitoring tool and dashboard for your Laravel application.

1.7k15.1M132](/packages/laravel-pulse)[nasirkhan/laravel-starter

A CMS like modular Laravel starter project.

1.4k2.7k](/packages/nasirkhan-laravel-starter)[tallstackui/tallstackui

TallStackUI is a powerful suite of Blade components that elevate your workflow of Livewire applications.

725173.0k14](/packages/tallstackui-tallstackui)[raugadh/fila-starter

Laravel Filament Starter.

625.1k](/packages/raugadh-fila-starter)[noerd/noerd

101.4k6](/packages/noerd-noerd)

PHPackages © 2026

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