livewire / flux
The official UI component library for Livewire.
Installs: 117 549
Dependents: 5
Suggesters: 1
Security: 0
Stars: 530
Watchers: 13
Forks: 43
Open Issues: 32
Language:Blade
Requires
- php: ^8.1
- illuminate/console: ^10.0|^11.0
- illuminate/support: ^10.0|^11.0
- illuminate/view: ^10.0|^11.0
- laravel/prompts: ^0.1|^0.2|^0.3
- livewire/livewire: ^3.5.12
- symfony/console: ^6.0|^7.0
- dev-main
- v1.1.2
- v1.1.1
- v1.1.0
- v1.0.32
- v1.0.31
- v1.0.30
- v1.0.29
- v1.0.28
- v1.0.27
- v1.0.26
- v1.0.25
- v1.0.24
- v1.0.23
- v1.0.22
- v1.0.21
- v1.0.20
- v1.0.19
- v1.0.18
- v1.0.17
- v1.0.16
- v1.0.15
- v1.0.14
- v1.0.13
- v1.0.12
- v1.0.11
- v1.0.10
- v1.0.9
- v1.0.8
- v1.0.7
- v1.0.6
- v1.0.4
- v1.0.3
- v1.0.2
- v1.0.1
- v1.0.0
- v1.0.0-beta.5
- v1.0.0-beta.4
- v1.0.0-beta.3
- v1.0.0-beta.2
- v1.0.0-beta.1
- dev-branch-894ae512
This package is auto-updated.
Last update: 2024-12-23 15:43:40 UTC
README
Flux is the official UI component library for Livewire.
You can view the components in action at https://fluxui.dev.
Installation
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:
export default { content: [ ..., "./vendor/livewire/flux-pro/stubs/**/*.blade.php", "./vendor/livewire/flux/stubs/**/*.blade.php", ], ... };
What's included?
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