Flowforge

<img src="art/preview.png" alt="Flowforge Kanban Board" width="800">

Transform any Laravel model into a production-ready drag-and-drop Kanban board.

Works with Filament admin panels and standalone Livewire applications.

Features

• 3 Integration Patterns - Works with Filament Pages, Resources, or standalone Livewire components
• Enterprise-Scale Performance - Cursor-based pagination handles unlimited cards with intelligent loading
• Rich Card Schemas - Filament Schema builder creates complex card layouts with forms and components
• Smart Position Management - Advanced ranking algorithm with conflict resolution and repair commands
• Optimistic UI Experience - Instant visual feedback with loading states and smooth interactions
• Native Filament Integration - Deep table system integration for filters, search, and actions

Requirements

• PHP: 8.3+
• Laravel: 12+
• Livewire: 4.x+
• Filament: 5.x+
• ext-bcmath: Required for position calculations
• Database: MySQL, PostgreSQL, SQLite, SQL Server, MariaDB

Installation

composer require relaticle/flowforge

Usage

Standalone Livewire (any Laravel application):

use Relaticle\Flowforge\Concerns\InteractsWithBoard;

class TaskBoard extends Component implements HasBoard
{
    use InteractsWithBoard;
    
    public function board(Board $board): Board
    {
        return $board
            ->query(Task::query())
            ->columnIdentifier('status')
            ->positionIdentifier('position')
            ->columns([
                Column::make('todo')->label('To Do')->color('gray'),
                Column::make('in_progress')->label('In Progress')->color('blue'),
                Column::make('completed')->label('Completed')->color('green'),
            ]);
    }
}

Filament Admin Panel:

php artisan flowforge:make-board TaskBoard --model=Task

View Complete Documentation →

Our Ecosystem

<table> <tr> <td width="50%" valign="top">

FilaForms

<img src="https://filaforms.app/img/og-image.png" width="100%" />

Visual form builder for all your public-facing forms. Learn more →

</td> <td width="50%" valign="top">

Custom Fields

<img src="https://github.com/Relaticle/custom-fields/raw/2.x/art/preview.png" width="100%" />

Let users add custom fields to any model without code changes. Learn more →

</td> </tr> </table>

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

• Contributing Guidelines - How to contribute
• Testing Examples - Production-ready test patterns

License

MIT License. See LICENSE.md for details.