getartisanflow

getartisanflow / wireflow

Public

Livewire components for AlpineFlow — build interactive flow diagrams in Laravel with Blade components and server-side state sync.

artisanflow.dev alpineflow alpinejs blade-components diagram flowchart
10
0
100% credibility
Found Apr 07, 2026 at 10 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
PHP
AI Summary

WireFlow is a collection of components for creating interactive node-based flow diagrams in Laravel web applications without requiring custom JavaScript.

How It Works

1
🔍 Discover WireFlow

You hear about a handy tool that lets you create interactive flow diagrams right in your web pages without any extra coding hassle.

2
📦 Bring it into your app

You follow a simple guide to add the tool to your project, and it sets everything up automatically.

3
🎨 Build your first diagram

You list out your starting points, connections, and labels in easy arrays, then place the diagram component on your page—it comes alive instantly.

4
🖱️ Interact with your flow

Drag nodes around, connect them with lines, zoom in and out, and watch everything update smoothly as you play.

5
🎭 Customize the look

Pick a theme, add toolbars or panels, and adjust features like backgrounds or controls to match your style.

✨ Share your stunning flows

Your web app now features beautiful, responsive diagrams that users can explore and interact with effortlessly.

Sign up to see the full architecture

4 more

Sign Up Free

Star Growth

See how this repo grew from 10 to 10 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is wireflow?

Wireflow brings interactive flow diagrams to Laravel apps using Livewire components and Blade templates, powered by AlpineFlow under the hood. It lets you build node-based workflows—like process editors or decision trees—with zero custom JavaScript, syncing state server-side via Livewire 3 or 4. Install with Composer and a single artisan command, then drop nodes and edges into a Livewire component for real-time updates.

Why is it gaining traction?

It stands out in the Laravel Livewire GitHub ecosystem by bundling 12 ready-to-use Blade components for handles, panels, toolbars, and more, plus a trait with 50+ methods for zooming, connecting nodes, and handling events—all without npm dependencies. Themes like flux integrate seamlessly with Tailwind, and sync modes (static, entangled, collab) make server-side validation effortless for livewire components library users. Devs love the quick start for livewire + blade components in Laravel 12 projects.

Who should use this?

Laravel backend devs building workflow dashboards, BPM tools, or visual editors in Livewire apps—think SaaS admins mapping user journeys without React Flow wrappers. It's ideal for teams using livewire components filament or nested components in livewire projects GitHub, skipping JS complexity for blade-driven UIs.

Verdict

Try it if you're deep in Laravel Livewire GitHub repos and need fast flow diagrams; the free livewire components ui shine for prototypes. At 10 stars and 1.0% credibility, it's early—light docs and no tests yet—but solid for Livewire 4 or flux-themed starter kits.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.