kenndeclouv/flux-pro

The pro version of Flux, the official UI component library for Livewire.

dev-main 2025-03-07 02:30 UTC

Requires

• php: ^8.1
• illuminate/console: ^10.0|^11.0|^12.0
• illuminate/support: ^10.0|^11.0|^12.0
• illuminate/view: ^10.0|^11.0|^12.0
• kenndeclouv/flux: dev-main
• laravel/prompts: ^0.1.24|^0.2|^0.3
• livewire/livewire: ^3.5.19
• symfony/console: ^6.0|^7.0

proprietary

• kenndeclouv

• ui
• components
• flux
• laravel
• livewire
• kenndeclouv

README

Local development

Clone the repo:

git clone [e-mail]:knndeclouv/flux.git

Set up the environment:

composer install
npm install

Bundle the JS & CSS:

npm run build

Test it in a local Laravel project

From the root of the project, run:

composer config repositories.local '{"type": "path", "url": "./../flux"}' --file composer.json

Note: The path to the local Flux repo is relative to the root of the project.

Now, you can run:

composer require knndeclouv/flux:dev-main --dev

Note: You might have to change your app's "minimum-stability" to "dev" in your composer.json file.

Testing components with playwright

Use valet or herd to link and open the project in a browser. URL should be http://flux-pro.test/. If you are using valet you can run the following commands.

valet link && valet open

Test webpages are located in the tests directory as html files. Example link: http://flux-pro.test/tests/select.html

Open playwright tool to run your tests:

npm run test

Install the required playwright browser resources to run tests:

npx playwright install