Skip to content
YH-UI
Main Navigation HomeGuideAI ComponentsComponentsIconsTableRequestAI SDKFlow

English

中文

English

中文

Appearance

Sidebar Navigation

Essentials

Quick Start

Changelog

API Reference

Core Concepts

Built-in Nodes

Edges & Connections

Plugin System

Interaction & Features

Interaction Logic

Drag & Drop Tool

Visibility Control

Smart Snap-line

Export Screenshot

Confirm Deletion

Viewport Animation

Teleport UI

Persistence (Save)

Math Flow Project

Advanced Extension

Custom Node UI

Reactive Updates

Intersection Logic

Nested & Groups

Node Resizer

Node Toolbar

Custom Edge UI

Updatable Edges

Node & Edge Editing

New Features

Practical Use Cases

AI Workflow Nodes

Custom Node Templates

Nested Node Layout

Interactive Minimap

Export

Custom Edge Types

BPMN XML Import/Export

BPMN Process Engine

CSS Variable Themes

Real-time Collaboration

🚀 Competitive Features

✨ Data Flow Edge

📦 Node Grouping & Subflow

↩ History Undo/Redo

Scaling & Architecture

🔧 Auto Layout (Dagre/ELK/Force)

Layout Animation

Pinia Integration

Concurrent Flows

Benchmark Performance

On this page

Alignment & Distribution ​

Flow comes with built-in support for grid snapping, alignment guide lines, and node distribution (horizontal/vertical).

Demo: Grid & Guide Snapping ​

Snap
Guides
Grid
Distribute
Alignment & Snap

Next Steps ​

  • Plugin System
  • API Reference
Pager
Previous pageVisibility Control
Next pageExport Screenshot

Released under the MIT License.

Copyright © 2024-present YH-UI Team