| Package Data | |
|---|---|
| Maintainer Username: | calebporzio |
| Maintainer Contact: | calebporzio@gmail.com (Caleb Porzio) |
| Package Create Date: | 2024-09-15 |
| Package Last Update: | 2025-10-28 |
| Home Page: | https://fluxui.dev |
| Language: | Blade |
| License: | proprietary |
| Last Refreshed: | 2025-10-29 03:00:20 |
| Package Statistics | |
|---|---|
| Total Downloads: | 2,294,244 |
| Monthly Downloads: | 363,850 |
| Daily Downloads: | 14,513 |
| Total Stars: | 825 |
| Total Watchers: | 22 |
| Total Forks: | 84 |
| Total Open Issues: | 54 |
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