Build a 3D Pavilion in 5 Minutes with the Open‑Source Pascal Editor (16.1k Stars)

Project Overview

Pascal Editor is an open‑source, WebGPU‑accelerated online 3D architectural and space editor that runs in any modern browser without client download or subscription.

Core Feature Highlights

Full‑pipeline space editing – supports site planning, massing, floor division, wall drawing, door/window opening, and furniture placement. Walls are automatically chamfered, openings are intelligently cut, and floors can be stacked and displayed independently.

WebGPU high‑performance rendering – uses a dirty‑node update mechanism to redraw only changed parts, combined with hardware acceleration for smooth operation on ordinary PCs.

Parametric editing with smart snapping – precise size input, real‑time drag adjustment, auto‑alignment and collision detection, with immediate rendering for a true WYSIWYG experience.

Multi‑format model export – supports GLB, STL, OBJ, JSON and other formats, enabling seamless integration with Unity, Unreal, Blender and other 3D tools.

Multi‑surface material system and roaming – built‑in material presets and first‑person walk‑through for intuitive spatial perception.

Polished editing experience – multi‑level undo/redo, view switching, 2D/3D linked display, with UI logic similar to traditional design software.

Official Architecture & Tech Stack

Layered architecture facilitates secondary development:

UI Interaction Layer – toolbar, parameter panel, view controls.

Business Logic Layer – editing commands, history, linked logic.

Geometry Data Layer – scene node tree, spatial calculations, geometry generation, Boolean operations.

Rendering Engine Layer – built on Three.js and WebGPU.

Current tech stack (latest version):

Framework: React 19 + Next.js + TypeScript

3D Rendering: Three.js, React Three Fiber, WebGPU

State Management: Zustand + Zundo

Geometry Computation: three‑bvh‑csg

Tooling: Turborepo, Bun (recommended package manager)

Quick Start

Online use

Open https://editor.pascal.app/ in a browser and start designing immediately.

Local development

git clone https://github.com/pascalorg/editor.git
cd editor
bun install
bun dev

After the server starts, visit http://localhost:3000 to run the editor locally.

Applicable Scenarios & Audience

Interior / home design – rapid layout adjustments.

Architectural concept prototyping – quick validation of massing and floor relationships.

Education – lightweight tool for architecture, environment, and digital media courses.

Game scene construction – fast generation of basic indoor structures for further processing.

Personal hobbyists – low‑cost 3D space design without learning heavyweight software.

Advantages & Limitations

Advantages

Completely open‑source and free, no commercial restrictions.

Cross‑platform browser support (Windows, macOS, Linux).

Low entry barrier; no complex setup required.

Excellent performance thanks to WebGPU acceleration.

Facilitates secondary development and learning of modern web 3D stacks.

Limitations

Designed as a lightweight editor; cannot fully replace professional BIM tools such as Revit or SketchUp.

Built‑in model library is still growing; complex scenes may require external resources.

Relies on modern browsers; older devices may experience degraded performance.

Future Directions

Roadmap includes AI‑assisted layout and collaborative editing.

Repository

https://github.com/pascalorg/editor