Skip to content
DATA_SHEET // ARTIFACT_04

STRELLA

"The first IDE for design engineers - a Visual Development Environment where layout, logic, and state come together"

ASSET_CLASSPROTOTYPE_01
STABILITY
EXPERIMENTAL
TECH_STACKREACT / TS
LAST_LOGJAN_2026

SPECIFICATION

Strella is a Visual Development Environment where layout, logic, and state come together in a single canvas. Inspired by Unreal Engine's Blueprints, it's built for design engineers—people who think visually but build interactively.

A node-based graph editor for building product logic, a visual editor for component structure, and a runtime that stays in sync. It replaces the Figma-to-code pipeline with a unified authoring system.

Strella IDE
FIG_01 // MAIN_INTERFACEREF_S_001
Strella graph view with live preview
FIG_02 // LOGIC_GRAPH_PREVIEWREF_S_002
Strella graph view
FIG_03 // NODE_TOPOLOGYREF_S_003
Strella design view
FIG_04 // CANVAS_EDITORREF_S_004
Strella project view
FIG_05 // PROJECT_STRUCTUREREF_S_005
TECHNICAL_NOTES

Artifact represents a deep vertical exploration of Visual Development Environment (VDE) mechanics. Built to stress-test the limits of real-time state synchronization between graph and canvas.

OBJECT_IDENTIFIER
STRELLA_REV_2026_01
END_OF_DATASHEET