ArtisanFlow is an alpha-stage open source package that brings node-based flowchart UIs to Laravel applications. It consists of two packages: AlpineFlow (the core frontend engine built on Alpine.js) and WireFlow (a Laravel/Livewire companion using Blade components). Key features include directive-driven node building with x-flow-* Alpine directives, a built-in animation engine with particles and path motion, smart edge routing, deep node nesting with parent/child hierarchies, and zero-JS Livewire integration. WireFlow supports two-way data sync via Livewire entangle(), server-driven canvas updates, custom node types via Blade views, and event handling routed to Livewire component methods. It also ships with a real-time collaboration add-on using Laravel Reverb and AI-optimized documentation compatible with tools like Claude Code and Cursor.

6m read timeFrom laravel-news.com
Post cover image
Table of contents
# Key Features# Installation# Building a Flow# Canvas Features# Custom Node Types# Handling Events# Server-Driven Updates# Sync Modes# Laravel Boost Skills# Live Collaboration
1 Comment

Sort: