PHPackages                             quickpanel/flowbite-ui - 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. quickpanel/flowbite-ui

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

quickpanel/flowbite-ui
======================

FlowBite UI components for QuickPanel

01911Blade

Since Nov 10Pushed 7mo agoCompare

[ Source](https://github.com/quickpanel/flowbite-ui)[ Packagist](https://packagist.org/packages/quickpanel/flowbite-ui)[ RSS](/packages/quickpanel-flowbite-ui/feed)WikiDiscussions main Synced today

READMEChangelogDependenciesVersions (1)Used By (0)

QuickPanel FlowBite UI
======================

[](#quickpanel-flowbite-ui)

A Laravel package providing FlowBite UI components with Livewire integration for QuickPanel applications.

Features
--------

[](#features)

- **FlowBite UI Components**: Pre-built components following FlowBite design system
- **Livewire Integration**: Interactive components with Livewire 3.5.19+
- **Laravel Auto-Discovery**: Automatic service provider registration
- **Configurable**: Customizable component settings via config file
- **TypeScript Ready**: Built with TypeScript support in mind

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

[](#installation)

The package is already configured as a local repository in your main `composer.json`. To install:

```
composer update
```

Configuration
-------------

[](#configuration)

Publish the config file:

```
php artisan vendor:publish --provider="QuickPanel\FlowBiteUI\QuickPanelFlowBiteUIServiceProvider" --tag="config"
```

Usage
-----

[](#usage)

### Blade Components

[](#blade-components)

Use the included Blade components in your views:

```

    Click Me

    Card content goes here...

```

### Livewire Components

[](#livewire-components)

Use the Livewire components for interactive functionality with Livewire 3 syntax:

```

    Card content here...

```

### Livewire 3 Features

[](#livewire-3-features)

- **Modern Event System**: Uses `dispatch()` instead of `emit()`
- **Attribute Listeners**: Uses `#[On]` attributes instead of `$listeners`
- **Optional Values**: Input values are optional by default
- **Real-time Updates**: Uses `wire:model.live` for instant updates

Available Components
--------------------

[](#available-components)

### Button

[](#button)

- **Variants**: solid, outline, ghost
- **Colors**: blue, gray, green, red
- **Sizes**: xs, sm, md, lg, xl

### Input

[](#input)

- **Types**: text, email, password, number, etc.
- **Sizes**: sm, md, lg
- **Colors**: gray, blue
- **Features**: validation, labels, placeholders

### Card

[](#card)

- **Features**: header, footer, customizable padding and shadows
- **Styling**: border options, rounded corners

### Alert

[](#alert)

- **Types**: info, success, warning, error, danger, dark
- **Features**: dismissible, icons, custom messages
- **Sizes**: sm, md, lg
- **Styling**: border accents, dark mode support

Configuration Options
---------------------

[](#configuration-options)

Edit `config/flowbite-ui.php` to customize:

- Default theme settings
- Component default values
- Asset loading preferences
- Livewire auto-discovery settings

Author
------

[](#author)

**Ali Qasemzadeh** -

License
-------

[](#license)

This package is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).

###  Health Score

20

—

LowBetter than 13% of packages

Maintenance44

Moderate activity, may be stable

Popularity13

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity13

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.

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/26847446?v=4)[Ali Qasemzadeh](/maintainers/aliqasemzadeh)[@aliqasemzadeh](https://github.com/aliqasemzadeh)

---

Top Contributors

[![aliqasemzadeh](https://avatars.githubusercontent.com/u/26847446?v=4)](https://github.com/aliqasemzadeh "aliqasemzadeh (22 commits)")

### Embed Badge

![Health badge](/badges/quickpanel-flowbite-ui/health.svg)

```
[![Health](https://phpackages.com/badges/quickpanel-flowbite-ui/health.svg)](https://phpackages.com/packages/quickpanel-flowbite-ui)
```

###  Alternatives

[cebe/assetfree-yii2

A meta package that allows you to install yii2 without composer-asset-plugin.

52126.3k4](/packages/cebe-assetfree-yii2)[synatree/yii2-dynamic-relations

Allows Yii2 views to contain a dynamically expanding set of fields based on model relations.

112.8k](/packages/synatree-yii2-dynamic-relations)[silverstripesk/silverstripe-disqus

Disqus module for SilverStripe CMS http://silverstripe.sk/clanky/disqus/

171.0k](/packages/silverstripesk-silverstripe-disqus)

PHPackages © 2026

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