Build Immersive
3D Web Experiences
Faster Than Ever
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.
Visual Composer
Our interactive editor is the heart of StateLayer. See your code come to life instantly and manipulate your scene with intuitive controls.
Live Code Sync
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.
Transform Gizmos
Intuitive visual handles for precise control
Edit & Play Modes
Switch between building and testing without leaving the editor
Mobile-First
Touch-optimized editor that works beautifully on all devices
Rich 3D Toolkit
for Limitless Creativity
We provide a comprehensive set of building blocks to construct anything you can imagine.
Core Primitives
Boxes
Rectangular shapes
Spheres
Perfect spheres
Cylinders
Tube shapes
Planes
Flat surfaces
Advanced Media Components
3D Text
Beautiful 3D typography with full font support and styling options.
3D Images
Import and display images in 3D space with depth and perspective.
3D Models
Import complex 3D models (.glb format) with built-in animation support.
Complex Shape Creation (CSG)
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
Professional Lighting
& Environments
Craft the perfect mood and atmosphere with a professional-grade rendering and lighting system.
Realistic Lighting
Choose from Directional, Point, and Hemispheric lights to illuminate your world.
Image-Based Lighting (IBL)
Use HDR skyboxes to cast realistic, image-based light and reflections onto your entire scene.
Cinematic Post-Processing
Add polish with high-end effects