Cruxel Studio Architecture
Cruxel is a visual application builder governed by a data-driven runtime architecture. Rather than generating bloated static UI templates, Cruxel translates your canvas designs directly into a structural JSON contract called the AppSchema. A lightweight runtime engine executes this schema live in production.
Canvas Protagonist
All user interfaces are built visually on the unified canvas. Standard elements serve as layout primitives.
Runtime-Driven
A central engine manages data, variables, actions, and page rendering directly from the AppSchema.
Dynamic Database
An ERD interface lets you design and deploy PostgreSQL schemas with integrated auth and policies.
The Architecture Flow
1
Design the Canvas Space
Draw screen boundaries (Frames) and layers on the canvas, defining visual styles and Auto Layout rules.
2
Define the Data & Logic
Build DB tables, state scopes, and visual step-action flows. Bind UI elements directly to live variables.
3
Compile to AppSchema
The store translates visual data and logic assets into a single JSON schema definition.
4
Export Standalone Apps
Scaffold clean projects for React, Next.js, or React Native embedded with the lightweight runtime executor.
Mental Model: The editor is the design-time tool; the AppSchema is the portable blueprint; the Runtime Engine executes the blueprint on web or mobile devices.