PHPackages                             linuxstreet/wire-content-loader - 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. linuxstreet/wire-content-loader

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

linuxstreet/wire-content-loader
===============================

Flexible way of loading Livewire component or Blade view anywhere on the page.

v2.0.1(2mo ago)16MITPHPPHP ^8.1

Since Dec 12Pushed 2mo ago1 watchersCompare

[ Source](https://github.com/linuxstreet/wire-content-loader)[ Packagist](https://packagist.org/packages/linuxstreet/wire-content-loader)[ RSS](/packages/linuxstreet-wire-content-loader/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (4)Dependencies (10)Versions (5)Used By (0)

Content/View loader for Laravel with Livewire
=============================================

[](#contentview-loader-for-laravel-with-livewire)

[![Latest Stable Version](https://camo.githubusercontent.com/a0257798d233da23091f22ab19adee9bde70404f61f0dbedde86c37ded318b2d/68747470733a2f2f706f7365722e707567782e6f72672f6c696e75787374726565742f776972652d636f6e74656e742d6c6f616465722f762f737461626c65)](https://packagist.org/packages/linuxstreet/wire-content-loader)[![License](https://camo.githubusercontent.com/20d39ad27b1ce9d3eae7f2a9512fa7087ae1ae47a344b856776c53cafdc7b13d/68747470733a2f2f706f7365722e707567782e6f72672f6c696e75787374726565742f776972652d636f6e74656e742d6c6f616465722f6c6963656e7365)](https://packagist.org/packages/linuxstreet/wire-content-loader)[![Total Downloads](https://camo.githubusercontent.com/c3943e591874d3fe5b76036002c5071f5fe1843e65bd910cce94f1f1c79db2de/68747470733a2f2f706f7365722e707567782e6f72672f6c696e75787374726565742f776972652d636f6e74656e742d6c6f616465722f646f776e6c6f616473)](https://packagist.org/packages/linuxstreet/wire-content-loader)

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

[](#installation)

> **Requires:**

- **[PHP version 8.1 or later](https://php.net/releases/)**
- **[Laravel version 10 or later](https://github.com/laravel/laravel)**
- **[Livewire version 3 or later](https://github.com/livewire/livewire)**
- **[AlpineJS](https://github.com/alpinejs/alpine)**

Via Composer:

```
composer require linuxstreet/wire-content-loader
```

Usage
-----

[](#usage)

Seamlessly integrate dynamic content into any part of your web page. By specifying a unique ID for each loader, you can ensure accurate and independent loading of content within multiple containers. This feature is particularly valuable for Single-Page Applications (SPAs) or when you need to dynamically load components for a more interactive user experience.

Place content loader with default ID

```

```

Set content loader ID to 'menu'

```

```

Set ID to 'sidebar' and initially load Blade view into it.

```

```

Set ID to 'footer' and initially load Livewire component into it.

```

```

Content loader is listening for 'content-load' browser event.

AlpineJS @click example:

```
Show
```

### Params:

[](#params)

> **Mandatory:**

- **component:** \[string\] - Name of the Livewire component to be loaded
- OR
- **view:** \[string\] - Name of the Blade view to be loaded

#### NOTE: *If neither component or view is provided, Exception will be thrown.*

[](#note-if-neither-component-or-view-is-provided-exception-will-be-thrown)

> **Optional:**

- **forceReload:** \[true|false\] - Use only when loading Livewire component. Forces component to re-render if called multiple times. (default: false)
- **spinner:** \[true|false\] - Enable/Disable loading spinner inside the loader while content is loading. (default: true)
- **spinnerClass:** \[string\] - Pass additional CSS classes to the loading spinner (default: '')
- **target:** \[string\] - Use only if multiple content loaders present on page. (default: 'main')
- **hideWhileLoading:** \[true|false\] - Show/hide content while re-loading the component.(default: false)
- **params:** \[array\] - Pass additional params to Component/View (default: \[\])

Examples:
---------

[](#examples)

Provide either 'component' or 'view' options like this:

```
{ component: 'livewire_component' }
{ view: 'blade_view' }
```

Here are some examples with optional params:

```
{ component: 'my-component', forceReload: true }
{ component: 'my-component', forceReload: true, hideWhileLoading: false }
{ component: 'my-component', forceReload: false, target: 'sidebar }
{ view: 'my-view', target: 'footer, spinner: false }
{ view: 'my-view', target: 'footer, spinner: false, params: { id: 5 } }
```

Examples with HTML button element using AlpineJS:

```
Show
Show
Show
```

Change log
----------

[](#change-log)

Please see the [changelog](changelog.md) for more information on what has changed recently.

Layout Customisation
--------------------

[](#layout-customisation)

This package uses [TailwindCSS](https://github.com/tailwindlabs/tailwindcss) classes. If you want to customize the layout for different CSS framework use:

```
php artisan vendor:publish --provider="Linuxstreet\WireContentLoader\WireContentLoaderServiceProvider"
```

Testing
-------

[](#testing)

```
./vendor/bin/pest
```

Contributing
------------

[](#contributing)

Please see [contributing.md](contributing.md) for details.

Security
--------

[](#security)

If you discover any security related issues, please email author email instead of using the issue tracker.

Credits
-------

[](#credits)

- Igor Jovanovic

License
-------

[](#license)

Please see the [license file](license.md) for more information.

###  Health Score

40

—

FairBetter than 88% of packages

Maintenance87

Actively maintained with recent releases

Popularity7

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity50

Maturing project, gaining track record

 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 ~153 days

Total

4

Last Release

63d ago

Major Versions

v1.0.1 → v2.0.02026-03-16

PHP version history (2 changes)v1.0.0PHP ^8.3

v1.0.1PHP ^8.1

### Community

Maintainers

![](https://www.gravatar.com/avatar/91e22eae0e8808da9380a3202ccbdeee60392f2d5745aff616cfb3a8d2a8d835?d=identicon)[linuxstreet](/maintainers/linuxstreet)

---

Top Contributors

[![linuxstreet](https://avatars.githubusercontent.com/u/8939753?v=4)](https://github.com/linuxstreet "linuxstreet (9 commits)")

---

Tags

phplaravelcontentlivewirealpinejs

###  Code Quality

TestsPest

### Embed Badge

![Health badge](/badges/linuxstreet-wire-content-loader/health.svg)

```
[![Health](https://phpackages.com/badges/linuxstreet-wire-content-loader/health.svg)](https://phpackages.com/packages/linuxstreet-wire-content-loader)
```

###  Alternatives

[mediconesystems/livewire-datatables

Advanced datatables using Laravel, Livewire, Tailwind CSS and Alpine JS

1.2k711.3k8](/packages/mediconesystems-livewire-datatables)[livewire/volt

An elegantly crafted functional API for Laravel Livewire.

4205.3M84](/packages/livewire-volt)[okipa/laravel-table

Generate tables from Eloquent models.

56752.8k](/packages/okipa-laravel-table)[bezhansalleh/filament-google-analytics

Google Analytics integration for FilamentPHP

205144.8k5](/packages/bezhansalleh-filament-google-analytics)[ramonrietdijk/livewire-tables

Dynamic tables for models with Laravel Livewire

21147.4k](/packages/ramonrietdijk-livewire-tables)[asosick/filament-layout-manager

Allow users to create & customize their own FilamentPHP pages composed of Livewire components

5718.8k2](/packages/asosick-filament-layout-manager)

PHPackages © 2026

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