--- title: "ArtisanFlow: A Flowchart Engine for Laravel and Alpine.js" url: https://daily.dev/posts/artisanflow-a-flowchart-engine-for-laravel-and-alpine-js-1bs95naaz source_url: https://laravel-news.com/artisanflow-a-flowchart-engine-for-laravel-and-alpinejs type: article source: "Laravel News" published: 2026-04-07T12:52:47.499Z updated: 2026-08-24T06:50:10.699Z tags: ["php", "laravel"] reading_time: 6 upvotes: 21 comments: 1 language: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # ArtisanFlow: A Flowchart Engine for Laravel and Alpine.js **[Laravel News](https://daily.dev/sources/ln)** · 6 min read · 21 upvotes · 1 comments ## Summary 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. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@ezee** · 0 upvotes > Awesome! --- Tags: [#php](https://daily.dev/tags/php), [#laravel](https://daily.dev/tags/laravel) [View this post on daily.dev](https://daily.dev/posts/artisanflow-a-flowchart-engine-for-laravel-and-alpine-js-1bs95naaz)