| Package Data | |
|---|---|
| Maintainer Username: | calebporzio |
| Maintainer Contact: | calebporzio@gmail.com (Caleb Porzio) |
| Package Create Date: | 2024-09-15 |
| Package Last Update: | 2025-12-26 |
| Home Page: | https://fluxui.dev |
| Language: | Blade |
| License: | proprietary |
| Last Refreshed: | 2026-01-04 15:00:21 |
| Package Statistics | |
|---|---|
| Total Downloads: | 3,182,933 |
| Monthly Downloads: | 360,872 |
| Daily Downloads: | 8,436 |
| Total Stars: | 877 |
| Total Watchers: | 23 |
| Total Forks: | 88 |
| Total Open Issues: | 33 |
Flux is the official UI component library for Livewire.
You can view the components in action at https://fluxui.dev.
Run the following command from your project's root directory:
composer require livewire/flux --prefer-dist
Flux has built-in scripts and styles that are required to use the components. Add the following to your app template's head and body tags:
<head>
...
@fluxStyles
</head>
<body>
...
@fluxScripts
</body>
Flux uses Tailwind CSS for its styles.
To get started quickly, you can include the Tailwind Play CDN in your head tag:
<head>
...
<script src="//cdn.tailwindcss.com"></script>
@fluxStyles
</head>
Or, for a more robust setup, you can include Flux's Blade files as part of your build in your Tailwind config's content array:
module.exports = {
content: [
...,
"./vendor/livewire/flux-pro/stubs/**/*.blade.php",
"./vendor/livewire/flux/stubs/**/*.blade.php",
],
...
}
The following components are included in the livewire/flux package:
The rest of the Flux components are part of the paid (Pro) tier of Flux.
Purchase a "Pro" license key here: https://fluxui.dev/pricing