Declarative
by Design
Harness the power of a code-first approach with programmatic scene generation, and seamless integration. Build 3D experiences the same way you build web apps.
Sphere({
name: "floating_sphere",
diameter: 2,
position: { x: 0, y: 1, z: 0 },
color: "#3B82F6",
});
Box({
name: "action_button",
size: 1,
position: { x: 3, y: 0.5, z: 0 },
color: "orange",
animation: { rotation: { x: 0.01, z: 0.01 } }
});Sphere({
name: "demo_sphere",
diameter: 2,
position: { x: 0, y: 1, z: 0 },
color: "#8B0000",
});Instant
Feedback Loop
Experience the magic of live-reload workflow. No more compiling. No more switching to a headset. See your changes instantly as you type, just like in modern web development.
Everything You Need
to Build Amazing 3D
From intuitive visual editing to advanced 3D operations, StateLayer provides all the tools you need to create stunning web experiences.
Visual Composer
Interactive editor with live code sync, transform gizmos, and seamless visual editing that works on any device.
3D Toolkit
Rich collection of primitives and advanced components for limitless creativity, including CSG operations.
Lighting & Rendering
Professional-grade lighting system with realistic effects and cinematic post-processing for stunning visuals.