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

01851Blade

Since Nov 10Pushed 6mo 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 1mo ago

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 14% of packages

Maintenance47

Moderate activity, may be stable

Popularity12

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://www.gravatar.com/avatar/343c1e5a97c9d4798487a448349575d53172304e98566460c87cb03837a9824d?d=identicon)[aliqasemzadeh](/maintainers/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

[askedio/laravel-ratchet

A Ratchet Server built for Laravel

18728.2k2](/packages/askedio-laravel-ratchet)[laravel-frontend-presets/inertiajs

A Laravel frontend preset to get you up and running with Inertia.js

1454.5k](/packages/laravel-frontend-presets-inertiajs)[wdev-rs/laravel-datagrid

Laravel integration for Grid.js server side processing

548.4k](/packages/wdev-rs-laravel-datagrid)[elfsundae/laravel-gravatar

The easiest way to generate Gravatar avatar URL.

388.7k](/packages/elfsundae-laravel-gravatar)

PHPackages © 2026

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