PHPackages                             hehecoding/laragen-ui-kit - 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. hehecoding/laragen-ui-kit

ActiveLibrary

hehecoding/laragen-ui-kit
=========================

Blade component UI kit for LaraGEN applications

1.9.3(2y ago)0594[2 PRs](https://github.com/hehecoding/laragen-ui-kit/pulls)MITBladePHP ^8.1

Since Jan 9Pushed 2y ago3 watchersCompare

[ Source](https://github.com/hehecoding/laragen-ui-kit)[ Packagist](https://packagist.org/packages/hehecoding/laragen-ui-kit)[ Docs](https://github.com/hehecoding/laragen-ui-kit)[ RSS](/packages/hehecoding-laragen-ui-kit/feed)WikiDiscussions master Synced 1mo ago

READMEChangelog (10)Dependencies (13)Versions (24)Used By (0)

Blade component UI kit for LaraGEN applications
===============================================

[](#blade-component-ui-kit-for-laragen-applications)

[![Latest Version on Packagist](https://camo.githubusercontent.com/a6cea2e0cd97ade3cce79bde761623c82e59e44e593c98dd4bf385273fa06ddc/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f762f68656865636f64696e672f6c61726167656e2d75692d6b69742e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/hehecoding/laragen-ui-kit)[![GitHub Tests Action Status](https://camo.githubusercontent.com/0730c24382c19753e220542fada20dd19931d439e8b1c4a31252a057e78674fc/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f68656865636f64696e672f6c61726167656e2d75692d6b69742f72756e2d74657374732e796d6c3f6272616e63683d6d6173746572266c6162656c3d7465737473267374796c653d666c61742d737175617265)](https://github.com/hehecoding/laragen-ui-kit/actions?query=workflow%3Arun-tests+branch%3Amaster)[![GitHub Code Style Action Status](https://camo.githubusercontent.com/22a10da30960b995ecce919ba450d7e898643baac9a60c22764bb54f0632ac16/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f616374696f6e732f776f726b666c6f772f7374617475732f68656865636f64696e672f6c61726167656e2d75692d6b69742f6669782d7068702d636f64652d7374796c652d6973737565732e796d6c3f6272616e63683d6d6173746572266c6162656c3d636f64652532307374796c65267374796c653d666c61742d737175617265)](https://github.com/hehecoding/laragen-ui-kit/actions?query=workflow%3A%22Fix+PHP+code+style+issues%22+branch%3Amaster)[![Total Downloads](https://camo.githubusercontent.com/0e4e9a624ef62be729ded366e773a789b595d868a277c20d2147a631f416dd28/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f68656865636f64696e672f6c61726167656e2d75692d6b69742e7376673f7374796c653d666c61742d737175617265)](https://packagist.org/packages/hehecoding/laragen-ui-kit)

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

[](#installation)

You can install the package via composer:

```
composer require hehecoding/laragen-ui-kit
```

You can publish the config file with:

```
php artisan vendor:publish --tag="laragen-ui-kit-config"
```

This is the contents of the published config file:

```
return [
];
```

Optionally, you can publish the views using

```
php artisan vendor:publish --tag="laragen-ui-kit-views"
```

Testing
-------

[](#testing)

```
composer test
```

Components
----------

[](#components)

### 1. Button

[](#1-button)

The Laragen Button Component is a customizable button component for Laravel Blade that uses Tailwind CSS classes. It supports various props to customize the appearance and behavior of the button.

#### Usage

[](#usage)

To use the Laragen Button Component, you can include it in your Blade views like this:

```

    {{ $slot }}

```

The `{{ $slot }}` will be replaced with the text or HTML content that you want to display in the button.

#### Props

[](#props)

The following props are available for the Laragen Button Component:

- `color` (string, optional): the color of the button. Available options are primary (default), success, and error.
- `variant` (string, optional): the style of the button. Available options are default (default), tonal, outlined, plain, and text.
- `block` (boolean, optional): whether the button should take up the full width of its container.
- `rounded` (string, optional): the roundness of the button. Available options are sm, normal (default), lg, 0 and pill.
- `disabled` (boolean, optional): whether the button should be disabled.
- `icon` (string, optional): the name of the Font Awesome icon to display in the button. The button `{{ $slot }}` is replaced by the icon.
- `iconBefore` (string, optional): the name of the Font Awesome icon to display before the button text.
- `iconAfter` (string, optional): the name of the Font Awesome icon to display after the button text.
- `loading` (boolean, optional): whether the button should display a loading spinner.
- `size` (string, optional): the size of the button. Available options are xs, sm, normal (default), lg, and xl.
- `href` (string, optional): if provided, the button will be rendered as an anchor tag with this URL.

#### Examples

[](#examples)

Here are some examples of how to use the Laragen Button Component with different props:

```

Add Item

Cancel
```

Changelog
---------

[](#changelog)

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

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

[](#contributing)

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

Security Vulnerabilities
------------------------

[](#security-vulnerabilities)

Please review [our security policy](../../security/policy) on how to report security vulnerabilities.

Credits
-------

[](#credits)

- [HeHeCoding](https://github.com/hehecoding)
- [All Contributors](../../contributors)

License
-------

[](#license)

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

###  Health Score

30

—

LowBetter than 64% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity14

Limited adoption so far

Community13

Small or concentrated contributor base

Maturity64

Established project with proven stability

 Bus Factor1

Top contributor holds 54.4% 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 ~9 days

Recently: every ~18 days

Total

20

Last Release

1039d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/2e29b108598c546e6aae84f2064a033fa77120b7ca0f1ef8eceffaf74446de78?d=identicon)[hehecoding](/maintainers/hehecoding)

---

Top Contributors

[![eugenpasca](https://avatars.githubusercontent.com/u/26302190?v=4)](https://github.com/eugenpasca "eugenpasca (37 commits)")[![Vladulescu](https://avatars.githubusercontent.com/u/8222576?v=4)](https://github.com/Vladulescu "Vladulescu (16 commits)")[![dependabot[bot]](https://avatars.githubusercontent.com/in/29110?v=4)](https://github.com/dependabot[bot] "dependabot[bot] (7 commits)")[![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?v=4)](https://github.com/github-actions[bot] "github-actions[bot] (6 commits)")[![bogdannitu](https://avatars.githubusercontent.com/u/1462860?v=4)](https://github.com/bogdannitu "bogdannitu (2 commits)")

---

Tags

laravelhehecodinglaragen-ui-kit

###  Code Quality

TestsPest

Code StyleLaravel Pint

### Embed Badge

![Health badge](/badges/hehecoding-laragen-ui-kit/health.svg)

```
[![Health](https://phpackages.com/badges/hehecoding-laragen-ui-kit/health.svg)](https://phpackages.com/packages/hehecoding-laragen-ui-kit)
```

###  Alternatives

[vormkracht10/laravel-mails

Laravel Mails can collect everything you might want to track about the mails that has been sent by your Laravel app.

24149.7k](/packages/vormkracht10-laravel-mails)[spatie/laravel-prometheus

Export Laravel metrics to Prometheus

2651.3M6](/packages/spatie-laravel-prometheus)[hydrat/filament-table-layout-toggle

Filament plugin adding a toggle button to tables, allowing user to switch between Grid and Table layouts.

6292.3k1](/packages/hydrat-filament-table-layout-toggle)[scalar/laravel

Render your OpenAPI-based API reference

6183.9k2](/packages/scalar-laravel)[ralphjsmit/laravel-helpers

A package containing handy helpers for your Laravel-application.

13704.6k2](/packages/ralphjsmit-laravel-helpers)[musahmusah/laravel-multipayment-gateways

A Laravel Package that makes implementation of multiple payment Gateways endpoints and webhooks seamless

852.2k1](/packages/musahmusah-laravel-multipayment-gateways)

PHPackages © 2026

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