Start Building.

The visual-first, open-source IDE that orchestrates AI agents on an infinite canvas, validating every change with E2E snapshots and Core Web Vitals.

Download Free View Source

Design System

Security Role

Arrange your mind.
And your code.

Most AI coding tools are chat windows bolted onto editors. Heliox provides a Figma-inspired spatial workspace where every panel is a draggable, resizable window on an infinite desktop.

Infinite Pannable Desktop
Pan and zoom with trackpad gestures. Snap alignment guides help you position windows perfectly.
Visual Connections
Draw visual arrows between related windows. Drag roles and constraint modifiers onto sessions like a design tool.
Multi-Project Kanban
Keep your backlog visible on the canvas alongside your code, parsed directly from local markdown files.

Mods system

Attach behavioral modifiers to sessions to control quality gates, safety constraints, and execution boundaries.

strict-linting

qualitysafety

Attached to session

no-silent-failures

errorsguardrails

Attached to session

semantic-commit-mode

gitreview

Available in inventory

Roles system

Assign specialized execution personas so each task runs with a predictable scope and expert context.

Frontend Engineer

UI architecture and responsive implementation.

Security Auditor

Threat modeling and hardening checks.

Test Engineer

E2E flows and regression prevention.

Flows system

Compose repeatable orchestration pipelines to automate multi-step engineering work with snapshot checkpoints.

Flowhigh

auto-refiner

Best model: claude-sonnet-4.6

iterativeperformance

Flowmedium

snapshot-guardian

Best model: gpt-5.3-codex

visualsafety

Flowlow

doc-sync

Best model: claude-haiku-4.5

docsconsistency

Unprecedented safety nets.

Compose workflows and let agents work autonomously, backed by real browser validation.

Never break the build.

Every agent run is validated against Playwright E2E visual regression snapshots and Core Web Vitals. If a change degrades metrics, Heliox auto-corrects up to 3 times before reverting.

Action LogVisual Diff

Layout Shift Detected1.2% (Auto-correcting 1/3)

Snapshot Match0.0% (Merging)

No Vendor Lock-in.

Switch underlying LLMs instantly via CLI adapters with a single setting. Your code stays yours.

GitHub Copilot

Claude

Gemini

Design System Editor.

A window-based authoring tool with live preview. Export as JSON or inject directly into agent prompts as a rigid constraint layer.

Explore Editor

Surf

Acc

Suc

Marketplace

Deploy flows, roles, and modifiers from a built-in markdown catalog.

RoleSecurity Auditor

Flowauto-refiner

Modstrict-linting

Modern Tech Stack

architecture.yml

UI Framework    → React 19 + Tailwind CSS 4 + Zustand 5
Runtime         → Electron 41 + Vite 8 + TypeScript 5
Code Engine     → Monaco Editor (VS Code engine)
Validation      → Playwright (Headless) + pixelmatch
Persistence     → SQLite + Filesystem + Context Map
AI Adapters     → JSONL Streaming (Copilot/Claude/Gemini)