StateLayer combines a powerful visual editor with a declarative code-first workflow, giving you the best of both worlds. Go from idea to interactive 3D scene in minutes, not days.
Our interactive editor is the heart of StateLayer. See your code come to life instantly and manipulate your scene with intuitive controls.
Any change you make visually with our gizmos is immediately reflected in your code, and vice-versa. It's a seamless two-way street that let you build 3D experiences.
Intuitive visual handles for precise control
Switch between building and testing without leaving the editor
Touch-optimized editor that works beautifully on all devices
We provide a comprehensive set of building blocks to construct anything you can imagine.
Rectangular shapes
Perfect spheres
Tube shapes
Flat surfaces
Beautiful 3D typography with full font support and styling options.
Import and display images in 3D space with depth and perspective.
Import complex 3D models (.glb format) with built-in animation support.
Go beyond basic shapes. Our powerful Combine component lets you perform complex boolean operations—merge (union), cut (subtract), and intersect—to create intricate custom geometries.
✓ Non-blocking web worker execution keeps your editor snappy
Craft the perfect mood and atmosphere with a professional-grade rendering and lighting system.
Choose from Directional, Point, and Hemispheric lights to illuminate your world.
Use HDR skyboxes to cast realistic, image-based light and reflections onto your entire scene.
Add polish with high-end effects