# ArtisanFlow
> An open-source flowchart ecosystem for Alpine.js and Laravel/Livewire.

## Docs

### AlpineFlow

#### Getting Started
- [Installation](/docs/alpineflow/getting-started/installation)
- [First Flow](/docs/alpineflow/getting-started/first-flow)
- [Core Concepts](/docs/alpineflow/getting-started/concepts)

#### Building Blocks

#### Nodes
- [Node Basics](/docs/alpineflow/nodes/basics)
- [Drag Handles](/docs/alpineflow/nodes/drag-handles)
- [Shapes](/docs/alpineflow/nodes/shapes)
- [Groups & Nesting](/docs/alpineflow/nodes/groups)
- [Resizable Nodes](/docs/alpineflow/nodes/resize)
- [Rotatable Nodes](/docs/alpineflow/nodes/rotation)
- [Node Styling](/docs/alpineflow/nodes/styling)
- [Schema Nodes](/docs/alpineflow/nodes/schema)

#### Edges
- [Edge Types](/docs/alpineflow/edges/types)
- [Markers](/docs/alpineflow/edges/markers)
- [Labels](/docs/alpineflow/edges/labels)
- [Gradients](/docs/alpineflow/edges/gradients)
- [Edge Animation](/docs/alpineflow/edges/animation)
- [Editable Edges](/docs/alpineflow/edges/editable)
- [Edge Styling](/docs/alpineflow/edges/styling)

#### Handles
- [Handle Positions](/docs/alpineflow/handles/positions)
- [Handle Validation](/docs/alpineflow/handles/validation)
- [Handle Connectable](/docs/alpineflow/handles/connectable)

#### Connections
- [Drag to Connect](/docs/alpineflow/connections/drag-connect)
- [Click to Connect](/docs/alpineflow/connections/click-to-connect)
- [Multi-Connect](/docs/alpineflow/connections/multi-connect)
- [Easy Connect](/docs/alpineflow/connections/easy-connect)
- [Proximity Connect](/docs/alpineflow/connections/proximity-connect)

#### Canvas
- [Viewport](/docs/alpineflow/canvas/viewport)
- [Background](/docs/alpineflow/canvas/background)
- [Controls Panel](/docs/alpineflow/canvas/controls)
- [Minimap](/docs/alpineflow/canvas/minimap)
- [Selection](/docs/alpineflow/canvas/selection)
- [Keyboard Shortcuts](/docs/alpineflow/canvas/keyboard-shortcuts)
- [Panels](/docs/alpineflow/canvas/panels)
- [Loading State](/docs/alpineflow/canvas/loading)
- [Contextual Zoom](/docs/alpineflow/canvas/contextual-zoom)

#### Animation
- [Animate & Update](/docs/alpineflow/animation/animate)
- [Physics Motion](/docs/alpineflow/animation/physics)
- [Timeline](/docs/alpineflow/animation/timeline)
- [Path Motion](/docs/alpineflow/animation/paths)
- [Particles](/docs/alpineflow/animation/particles)
- [Camera Follow](/docs/alpineflow/animation/camera-follow)
- [Record & Replay](/docs/alpineflow/animation/record-replay)

#### Compute Flows
- [Overview](/docs/alpineflow/compute/overview)
- [Manual vs Auto](/docs/alpineflow/compute/modes)
- [Reactive Data](/docs/alpineflow/compute/reactive-data)
- [Building Compute Nodes](/docs/alpineflow/compute/building-nodes)
- [Edge Cases](/docs/alpineflow/compute/edge-cases)

#### Interaction
- [Context Menus](/docs/alpineflow/interaction/context-menus)
- [Toolbars](/docs/alpineflow/interaction/toolbars)
- [Collapse & Condense](/docs/alpineflow/interaction/collapse)
- [Drag from Sidebar](/docs/alpineflow/interaction/drag-from-sidebar)
- [Save & Restore](/docs/alpineflow/interaction/save-restore)
- [Undo & Redo](/docs/alpineflow/interaction/undo-redo)
- [Touch & Mobile](/docs/alpineflow/interaction/touch)

#### Reference

#### Configuration
- [Configuration](/docs/alpineflow/configuration/index)
- [Canvas Configuration](/docs/alpineflow/configuration/canvas)
- [Node Configuration](/docs/alpineflow/configuration/nodes)
- [Edge Configuration](/docs/alpineflow/configuration/edges)
- [Connection Configuration](/docs/alpineflow/configuration/connections)
- [Viewport Configuration](/docs/alpineflow/configuration/viewport)
- [Interaction Configuration](/docs/alpineflow/configuration/interaction)
- [Feature Configuration](/docs/alpineflow/configuration/features)
- [Event Configuration](/docs/alpineflow/configuration/events)

#### API
- [Events](/docs/alpineflow/api/events)
- [TypeScript Types](/docs/alpineflow/api/types)
- [$flow Magic](/docs/alpineflow/api/flow-magic/index)
- [Reactive State](/docs/alpineflow/api/flow-magic/state)
- [Node Operations](/docs/alpineflow/api/flow-magic/nodes)
- [Edge Operations](/docs/alpineflow/api/flow-magic/edges)
- [Selection & Filtering](/docs/alpineflow/api/flow-magic/selection)
- [Viewport](/docs/alpineflow/api/flow-magic/viewport)
- [Hierarchy & Transform](/docs/alpineflow/api/flow-magic/hierarchy)
- [Update & Animation](/docs/alpineflow/api/flow-magic/animation)
- [Layout](/docs/alpineflow/api/flow-magic/layout)
- [State Management](/docs/alpineflow/api/flow-magic/state-management)

#### Theming
- [CSS Variables](/docs/alpineflow/theming/css-variables)
- [Dark Mode](/docs/alpineflow/theming/dark-mode)
- [Custom Themes](/docs/alpineflow/theming/custom-themes)

#### Addons
- [Whiteboard](/docs/alpineflow/addons/whiteboard)
- [Collaboration](/docs/alpineflow/addons/collab)
- [Dagre Layout](/docs/alpineflow/addons/dagre)
- [Force Layout](/docs/alpineflow/addons/force)
- [Tree Layout](/docs/alpineflow/addons/hierarchy)
- [ELK Layout](/docs/alpineflow/addons/elk)
- [Workflow](/docs/alpineflow/addons/workflow)
- [Schema](/docs/alpineflow/addons/schema)

#### Guides
- [Connect Validator](/docs/alpineflow/guides/connect-validator)
- [Fullscreen](/docs/alpineflow/guides/fullscreen)

#### Migration
- [v0.2.1-alpha](/docs/alpineflow/migration/v0.2.1-alpha)

### WireFlow

#### Getting Started
- [Installation](/docs/wireflow/getting-started/installation)
- [First Flow](/docs/wireflow/getting-started/first-flow)
- [Core Concepts](/docs/wireflow/getting-started/concepts)

#### Building Blocks

#### Components
- [x-flow](/docs/wireflow/components/flow)
- [x-flow-handle](/docs/wireflow/components/handle)
- [x-flow-panel](/docs/wireflow/components/panel)
- [x-flow-toolbar](/docs/wireflow/components/toolbar)
- [x-flow-drag-handle](/docs/wireflow/components/drag-handle)
- [x-flow-resizer](/docs/wireflow/components/resizer)
- [x-flow-action](/docs/wireflow/components/action)
- [x-flow-context-menu](/docs/wireflow/components/context-menu)
- [x-flow-collapse](/docs/wireflow/components/collapse)
- [x-flow-condense](/docs/wireflow/components/condense)
- [x-flow-edge-toolbar](/docs/wireflow/components/edge-toolbar)
- [x-flow-loading](/docs/wireflow/components/loading)
- [x-flow-schema-node](/docs/wireflow/components/schema-node)
- [x-flow-wait](/docs/wireflow/components/flow-wait)
- [x-schema-designer](/docs/wireflow/components/schema-designer)
- [x-flow-condition-node](/docs/wireflow/components/flow-condition-node)
- [x-schema-*-inspector](/docs/wireflow/components/schema-inspector)
- [x-flow-replay-controls](/docs/wireflow/components/flow-replay-controls)
- [x-schema-field](/docs/wireflow/components/schema-field)
- [x-flow-execution-log](/docs/wireflow/components/flow-execution-log)
- [x-flow-run-button](/docs/wireflow/components/flow-run-button)
- [x-flow-stop-button](/docs/wireflow/components/flow-stop-button)
- [x-flow-reset-button](/docs/wireflow/components/flow-reset-button)

#### Nodes
- [Node Basics](/docs/wireflow/nodes/basics)
- [Shapes](/docs/wireflow/nodes/shapes)
- [Groups & Nesting](/docs/wireflow/nodes/groups)
- [Resizable Nodes](/docs/wireflow/nodes/resize)
- [Node Styling](/docs/wireflow/nodes/styling)
- [Schema Nodes](/docs/wireflow/nodes/schema)

#### Edges
- [Edge Types](/docs/wireflow/edges/types)
- [Markers](/docs/wireflow/edges/markers)
- [Labels](/docs/wireflow/edges/labels)
- [Gradients](/docs/wireflow/edges/gradients)
- [Edge Animation](/docs/wireflow/edges/animation)
- [Edge Styling](/docs/wireflow/edges/styling)

#### Handles
- [Handles](/docs/wireflow/handles/positions)

#### Connections
- [Connection Basics](/docs/wireflow/connections/basics)
- [Advanced Connections](/docs/wireflow/connections/advanced)
- [Connection Events](/docs/wireflow/connections/server-events)

#### Canvas
- [Viewport](/docs/wireflow/canvas/viewport)
- [Background](/docs/wireflow/canvas/background)
- [Controls & Actions](/docs/wireflow/canvas/controls)
- [Minimap](/docs/wireflow/canvas/minimap)
- [Selection](/docs/wireflow/canvas/selection)
- [Panels](/docs/wireflow/canvas/panels)

#### Animation
- [Update & Animate](/docs/wireflow/animation/basics)
- [Timeline](/docs/wireflow/animation/timeline)
- [Path Motion](/docs/wireflow/animation/paths)
- [Particles](/docs/wireflow/animation/particles)
- [Camera Control](/docs/wireflow/animation/camera)

#### Server
- [WithWireFlow Trait](/docs/wireflow/server/trait)
- [Convenience Methods](/docs/wireflow/server/convenience)
- [Event Handlers](/docs/wireflow/server/events)
- [Server Patterns](/docs/wireflow/server/patterns)

#### Reference
- [Configuration](/docs/wireflow/configuration)

#### Building Blocks

#### Traits
- [WithSchemaDesigner Trait](/docs/wireflow/traits/with-schema-designer)

#### Reference
- [Artisan Commands](/docs/wireflow/commands)

#### Theming
- [Themes](/docs/wireflow/theming/themes)
- [Dark Mode](/docs/wireflow/theming/dark-mode)
- [CSS Variables](/docs/wireflow/theming/css-variables)

#### Addons
- [Whiteboard](/docs/wireflow/addons/whiteboard)
- [Layout Engines](/docs/wireflow/addons/layouts)
- [Collaboration](/docs/wireflow/addons/collab)
- [Schema Addon](/docs/wireflow/addons/schema)
- [Workflow Addon](/docs/wireflow/addons/workflow)

#### Migration
- [v0.2.1-alpha](/docs/wireflow/migration/v0.2.1-alpha)