Ever tried building architectural software and gotten lost in the complexity of 3D scene management? Pascal Editor tackles this head-on with a clean separation between data (nodes), rendering (viewer), and interaction (editor). Instead of fighting nested object hierarchies, it uses a flat dictionary with parent-child relationships—making spatial queries and state updates actually manageable.
The architecture is genuinely thoughtful: React Three Fiber handles the WebGPU rendering, Zustand manages three separate stores for different concerns, and everything persists to IndexedDB with built-in undo/redo. You get proper building hierarchies (Site → Building → Level → Walls/Slabs), camera positioning, and the kind of robust state management that makes complex 3D applications not fall apart. The Turborepo setup means you can use just the viewer component if you don’t need the full editor.
With 6,757 stars and a codebase that shows real architectural software experience, this is perfect for anyone building construction tech, space planning tools, or just wanting to see how to structure a serious 3D web application. The TypeScript definitions alone are worth studying.
⭐ Stars: 6757
💻 Language: TypeScript
🔗 Repository: pascalorg/editor