- Docs
- installation
Installation
Guide on installing Flexiwind via Composer and configuring Tailwind CSS.
Prerequisites
Before you begin, make sure you have:
Tailwindcss
Utility-first CSS framework.
Laravel
PHP web framework.
Alpine.js
Minimal JS behavior framework. (Optionnal when not using Livewire)
Installation
-
Install flexi-cli
Install the flexi-cli tool globally using composer:
Shellcomposer global require unoforge/flexi-cliIf you don't want to install the cli globally, you can install directly as a dev dependency
Shellcomposer require --dev unoforge/flexi-cli -
Create a new Laravel Project
Run the following command to initialize a new Laravel project:
Shellflexi-cli init --new-laravel --tailwindcssFollow the prompts to complete the setup. This will create a new Laravel project with all necessary dependencies.
After the setup is complete, navigate to the project directory:
Shellcd project-nameIf you already have a project you can just run this:
Shellflexi-cli init --tailwindcss -
Adding component
Use the following command to add a component:
Shellflexi-cli add component
Next Steps
After installation, you can start the development server:
composer dev
Then visit http://localhost:8000
in your browser to see your new application.
You can now start adding and using our components. Just use the CLI to add components:
flexi-cli add button