The best way to get started with Flexiwind + Livewire. A complete, production-ready starter kit with authentication, teams, 2FA, and more — pre-configured so you can customize and ship faster.
- Authentication — Complete auth system powered by Laravel Fortify
- Two-Factor Authentication (2FA) — TOTP-based 2FA with QR codes and recovery codes
- Team Management — Create teams, invite members, and manage roles
- Security — Password confirmation, session management, secure defaults
- User Settings — Profile, password, and appearance preferences
- Pre-configured UI — Flexiwind components ready to use
- Phosphor Icons — Beautiful, consistent iconography
| Layer | Technology |
|---|---|
| Framework | Laravel 13 (PHP 8.4) |
| Frontend | Livewire 4 |
| Styling | Tailwind CSS 4 |
| UI Kit | Flexiwind |
| Icons | Phosphor Icons |
| Testing | Pest PHP 4 |
| Dev Tools | Laravel Pint, Pail, Boost |
# Clone the repository
git clone git@github.com:uno-forge-hub/livewire-tail-starter-kit.git my-app
cd my-app
# Install dependencies and setup
composer run setupStart the development environment with a single command:
composer devThis starts:
- Laravel development server
- Vite dev server
Default: SQLite (configured out of the box)
To switch to MySQL/PostgreSQL, update your .env:
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=your_database
DB_USERNAME=your_username
DB_PASSWORD=your_passwordDefault: Log driver (emails written to log for development)
For production, configure your mail driver in .env:
MAIL_MAILER=smtp
MAIL_HOST=smtp.mailtrap.io
MAIL_PORT=2525
MAIL_USERNAME=your_username
MAIL_PASSWORD=your_password2FA is ready to use. Ensure imagick or gd extension is enabled for QR code generation.
resources/views/
├── components/ # Reusable Flexiwind components
├── layouts/ # Page layouts (app, guest)
├── pages/
│ ├── auth/ # Login, register, 2FA, password reset
│ ├── settings/ # Profile, password, appearance
│ └── teams/ # Team management, invitations
├── dashboard.blade.php
└── welcome.blade.php
Components are located in resources/views/components/. Customize them to match your brand:
ui/— Buttons, inputs, badges, etc.layout/— Navigation, sidebar, headerspartials/— Page sections and repeated patterns
This starter uses Phosphor Icons. Usage:
<x-ui.icon name="ph--house"/>Available icons: Phosphor Icon Library
Tailwind CSS 4 with custom configuration. Main files:
resources/css/app.css— Main stylesheetresources/css/flexiwind/— Flexiwind utilitiesresources/css/button-styles.css— Button variantsresources/css/ui-utilities.css— UI helpers
Run the test suite:
# Run all tests
composer run test
# Run with compact output
php artisan test --compact
# Run specific test
php artisan test --filter=UserTest# Fix code style
composer run lint
# Check code style without fixing
composer run lint:check- Laravel Fortify — Authentication backend
- Livewire — Reactive components
- Flexiwind — UI component library
- Flexilla — Interactive JS components
- Phosphor Icons — Icon set
This starter kit is open-sourced under the MIT license.
For Flexiwind-specific issues: Flexiwind Repository
For Laravel support: Laravel Documentation
Customize as you want. Ship faster.