Check out our latest project ✨ OpenChapter.io: free ebooks the way its meant to be πŸ“–

UIFlow

An asset by indieshade
The page banner background of a mountain and forest
UIFlow hero image

Quick Information

0 ratings
UIFlow icon image
indieshade
UIFlow

UIFlow is a UI workflow framework for Godot 4.6.It gives you stack-based page navigation (push / pop / replace), page lifecycle hooks, transition presets, data binding, an event bus, reusable components (Toast, dialogs, grids, workflow glue), and gamepad-friendly UX (focus navigation, device-aware input prompts, stick-driven sliders).Install: copy addons/ui_flow into your project, then enable "UI Flow" under Project Settings β†’ Plugins.Quick start:UIFlow.push(HomePage)Docs: https://indieshade.github.io/uiflow/docs/Product page: https://indieshade.github.io/uiflow/Repository: https://github.com/indieshade/uiflowLicense: MIT

Supported Engine Version
4.6
Version String
1.0.0
License Version
MIT
Support Level
community
Modified Date
4 hours ago
Git URL
Issue URL

UIFlow

UIFlow β€” Godot UI workflow framework

Stack-based UI workflow for Godot 4.6
Navigation Β· lifecycle Β· transitions Β· binding Β· gamepad prompts

Landing Β· Docs Β· GitHub


A complete UI workflow framework for Godot 4.x β€” push/pop pages by class, animate transitions, bind data, and ship gamepad-ready prompts without reinventing the stack every project.

Features

  • Stack-based Navigation β€” Push/pop/replace pages with lifecycle callbacks
  • Class-based Routing β€” Reference pages by class_name, no strings needed
  • Transition System β€” Built-in presets (fade, slide, scale) + custom transitions; preview enter/exit directly in the editor
  • Data Binding β€” Reactive Resource + Signal pattern for data-driven UI
  • Event Bus β€” Decoupled cross-system communication via native Signals
  • Components β€” Toast, Confirm Dialog, Alert Dialog, Inventory Grid, workflow glue, input prompts
  • Gamepad UX β€” Focus navigation, ActionBar prompts, AxisBinder for stick-driven sliders
  • Dual Language β€” GDScript core with C# wrapper bridge
  • Editor Tools (Pro) β€” Pro Hub with Theme Editor, Page Viewer, Navigation Flow Graph, and UIFlowDebugger

Quick Start

1. Enable the Plugin

  1. Copy addons/ui_flow/ to your project
  2. Project Settings β†’ Plugins β†’ Enable "UI Flow"

2. Create a Page

# home_page.gd
class_name HomePage extends UIFlowPage

func _on_opened(data: Variant = null) -> void:
    super._on_opened(data)
    print("Home page opened!")

func _on_back() -> void:
    UIFlow.push(SettingsPage)

3. Place the Scene

Place HomePage.tscn in res://UIScene/ (configurable in Project Settings).

4. Navigate

# In your main scene
func _ready() -> void:
    UIFlow.push(HomePage)

Pro Editor Tools

When addons/ui_flow_pro/ is enabled, the UIFlow Pro Hub dock provides:

  • Page Viewer β€” thumbnails of every UIFlowPage scene; right-click to open scene/script or re-render
  • Navigation Flow Graph β€” auto-scan static push / replace / push_instance calls and visualize page connections
  • Theme Editor β€” visual color palette editor with presets, live preview, and undo/redo
  • UIFlowDebugger β€” runtime navigation stack, page pool, event bus, and binding/subscription leak diagnostics

Documentation

License

MIT License β€” see LICENSE for details.

UIFlow is a UI workflow framework for Godot 4.6.

It gives you stack-based page navigation (push / pop / replace), page lifecycle hooks, transition presets, data binding, an event bus, reusable components (Toast, dialogs, grids, workflow glue), and gamepad-friendly UX (focus navigation, device-aware input prompts, stick-driven sliders).

Install: copy addons/ui_flow into your project, then enable "UI Flow" under Project Settings β†’ Plugins.

Quick start:
UIFlow.push(HomePage)

Docs: https://indieshade.github.io/uiflow/docs/
Product page: https://indieshade.github.io/uiflow/
Repository: https://github.com/indieshade/uiflow

License: MIT

Reviews

0 ratings

Your Rating

Headline must be at least 3 characters but not more than 50
Review must be at least 5 characters but not more than 500
Please sign in to add a review

Quick Information

0 ratings
UIFlow icon image
indieshade
UIFlow

UIFlow is a UI workflow framework for Godot 4.6.It gives you stack-based page navigation (push / pop / replace), page lifecycle hooks, transition presets, data binding, an event bus, reusable components (Toast, dialogs, grids, workflow glue), and gamepad-friendly UX (focus navigation, device-aware input prompts, stick-driven sliders).Install: copy addons/ui_flow into your project, then enable "UI Flow" under Project Settings β†’ Plugins.Quick start:UIFlow.push(HomePage)Docs: https://indieshade.github.io/uiflow/docs/Product page: https://indieshade.github.io/uiflow/Repository: https://github.com/indieshade/uiflowLicense: MIT

Supported Engine Version
4.6
Version String
1.0.0
License Version
MIT
Support Level
community
Modified Date
4 hours ago
Git URL
Issue URL

Open Source

Released under the AGPLv3 license

Plug and Play

Browse assets directly from Godot

Community Driven

Created by developers for developers