livewire / flux
The official UI component library for Livewire.
Installs: 48 500
Dependents: 4
Suggesters: 1
Security: 0
Stars: 465
Watchers: 14
Forks: 38
Open Issues: 15
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.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-bc7faec4
- dev-branch-80507774
- dev-branch-8a5121c9
- dev-branch-e051a155
- dev-branch-36300115
- dev-branch-288e1674
- dev-branch-27a6eaaf
- dev-branch-4fa04211
- dev-branch-d588aa0d
- dev-branch-2d15e28d
- dev-josh/fix-publish-command-to-include-table
- dev-josh/fix-menu-safari-outline
This package is auto-updated.
Last update: 2024-11-07 18:57:51 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:
module.exports = { 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