PHPackages                             lloadout/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. lloadout/components

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

lloadout/components
===================

With LLoadout Components you will pull in the best off class Laravel frontend components.

0.9.4(2y ago)1164[2 issues](https://github.com/LLoadout/laravel-components/issues)MITPHPPHP ^7.4|^8.0|^8.1|^8.2

Since Mar 24Pushed 2y ago1 watchersCompare

[ Source](https://github.com/LLoadout/laravel-components)[ Packagist](https://packagist.org/packages/lloadout/components)[ RSS](/packages/lloadout-components/feed)WikiDiscussions master Synced today

READMEChangelog (6)Dependencies (3)Versions (7)Used By (0)

 [![](https://github.com/LLoadout/assets/raw/master/LLoadout_components.png "LLoadout logo")](https://github.com/LLoadout/assets/blob/master/LLoadout_components.png)

[![Downloads](https://camo.githubusercontent.com/085ce3771097709b4bcc5b03bd8b8d5610dc21ee6f730b1ffe5243304307a495/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6c6c6f61646f75742f636f6d706f6e656e74732e7376673f7374796c653d666c61742d737175617265)](https://camo.githubusercontent.com/085ce3771097709b4bcc5b03bd8b8d5610dc21ee6f730b1ffe5243304307a495/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f6c6c6f61646f75742f636f6d706f6e656e74732e7376673f7374796c653d666c61742d737175617265)

Components
==========

[](#components)

With LLoadout Components you will pull in the best off class Laravel frontend components. We don't re-invent the wheel but we bring the best components together.

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

[](#installation)

```
composer require lloadout/components
```

Dependencies
------------

[](#dependencies)

- [Blade Ui Kit](https://github.com/blade-ui-kit)
- [Apex charts](https://apexcharts.com/)
- [Select 2](https://select2.org/)
- [Signature pad](https://github.com/szimek/signature_pad)

Extra LLoadout components
-------------------------

[](#extra-lloadout-components)

Some of the components listed above are missing some features, features we provide. The components provide by LLoadout are prefixed with 'load'.

### Load the assets

[](#load-the-assets)

```
@lloadoutScripts

```

### Select

[](#select)

 [![](https://github.com/LLoadout/assets/raw/master/components/select.png "LLoadout Components - select box")](https://github.com/LLoadout/assets/blob/master/components/select.png)

```
@php($options = [1 => 'first', 2 => 'second'])

```

This markup will render as

```

    first
    second

```

You can pass in any iterable keyed by a key value pair. If you add a class 'searchable' , the select field changes into a searchable select2 field.

### Graphs

[](#graphs)

The charts components make use of apexcharts. Only three types of graphs are implemented in lloadout for now. I only created a basic implementation, if you want to add more power to the graphics I refer to Apex Charts itself.

All charts have three params

- title : the title for the graph
- data : an array of data
- labels : an array of labels

The bar chart has an extra param

- orientation : this can be 'horizontal' or 'vertical'

#### Barchart

[](#barchart)

 [![](https://github.com/LLoadout/assets/raw/master/components/barchart-horizontal.png "LLoadout Components - bar chart")](https://github.com/LLoadout/assets/blob/master/components/barchart-horizontal.png)

```

```

#### Stacked barchart

[](#stacked-barchart)

 [![](https://github.com/LLoadout/assets/raw/master/components/barchart-stacked.png "LLoadout Components - stacked bar chart")](https://github.com/LLoadout/assets/blob/master/components/barchart-stacked.png)

For the stacked barchart you can use the same tag as for the simple barchart , it takes an array of arrays as data ```

```

#### Piechart

[](#piechart)

 [![](https://github.com/LLoadout/assets/raw/master/components/piechart.png "LLoadout Components - pie chart")](https://github.com/LLoadout/assets/blob/master/components/piechart.png)

```

```

#### Linechart

[](#linechart)

 [![](https://github.com/LLoadout/assets/raw/master/components/linechart.png "LLoadout Components - line chart")](https://github.com/LLoadout/assets/blob/master/components/linechart.png)

```

```

### Signature

[](#signature)

 [![](https://github.com/LLoadout/assets/raw/master/components/signature.gif "LLoadout Components - signature")](https://github.com/LLoadout/assets/blob/master/components/signature.gif)

This signature component will create a textfield in your html , in that textfield a base64 encoded png stream will be stored.

```

```

###  Health Score

28

—

LowBetter than 52% of packages

Maintenance16

Infrequent updates — may be unmaintained

Popularity15

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity60

Established project with proven stability

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

Recently: every ~195 days

Total

6

Last Release

842d ago

PHP version history (3 changes)0.0.1PHP ^7.4|^8.0

0.9.2PHP ^7.4|^8.0|^8.1

0.9.3PHP ^7.4|^8.0|^8.1|^8.2

### Community

Maintainers

![](https://www.gravatar.com/avatar/0a5498402f8114208ae9befe10cb82ea43e33e256ce22c96ff0ec97cb6c87fc5?d=identicon)[dietercoopman](/maintainers/dietercoopman)

---

Top Contributors

[![dietercoopman](https://avatars.githubusercontent.com/u/4672752?v=4)](https://github.com/dietercoopman "dietercoopman (32 commits)")

---

Tags

laravellaravel-frontend-componentslivewire-components

###  Code Quality

TestsPHPUnit

### Embed Badge

![Health badge](/badges/lloadout-components/health.svg)

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

###  Alternatives

[livewire/flux

The official UI component library for Livewire.

9527.8M128](/packages/livewire-flux)[jantinnerezo/livewire-alert

This package provides a simple alert utilities for your livewire components.

8131.4M20](/packages/jantinnerezo-livewire-alert)[leandrocfe/filament-apex-charts

Apex Charts integration for Filament PHP.

4911.6M11](/packages/leandrocfe-filament-apex-charts)[tallstackui/tallstackui

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

725172.4k14](/packages/tallstackui-tallstackui)[venturedrake/laravel-crm

A free open source CRM built as a package for laravel projects

43311.1k](/packages/venturedrake-laravel-crm)[ramonrietdijk/livewire-tables

Dynamic tables for models with Laravel Livewire

21259.6k](/packages/ramonrietdijk-livewire-tables)

PHPackages © 2026

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