Pascal Editor - an open-source 3D architectural editing tool that runs directly in your browser.

What is Pascal Editor?

Pascal Editor is a web-based, open-source 3D architectural editor developed with the assistance of Claude. The tool requires no installation, runs in a browser, and utilizes WebGPU technology for high-performance rendering. Pascal Editor supports professional functions such as wall drawing, furniture placement, area editing, and 2D/3D dual-view linkage. It allows drag-and-drop adjustment of architectural parameters and hierarchical management of multi-story structures. Compared to professional software like AutoCAD and Revit, this tool is completely free and open-source, making it suitable for lightweight 3D modeling needs such as interior design and game scene creation.

Main functions of Pascal Editor

• Wall paintingSupports free drawing and real-time stretching deformation of walls, floors, and ceilings.
• furniture placementIt offers a rich library of building components such as furniture, doors, and windows, which can be dragged and dropped with a single click.
• Regional editingIt features a region selection function, allowing for quick and easy adjustments to the spatial layout and division.
• Parameter adjustmentAll building parameters can be adjusted visually by dragging and dropping, eliminating the need for manual input of values.
• Dual-view linkageIt pioneered a dual-view editing mode that links 2D planar and 3D stereoscopic views.
• perspective switchingSupports 360° free view switching, including top view, left and right side view, and perspective effect.
• Display modeIt offers a variety of professional display modes, such as floor stacking, explosion decomposition, and single-layer solo.
• Component visibilityIt can independently control the display or hiding status of any building component.

How to use Pascal Editor

• Open the applicationYou can use Pascal Editor directly by visiting the official website https://editor.pascal.app; no download or installation is required.
• Understanding the toolbarThe bottom toolbar provides access to core functions such as selection, construction, deletion, and 2D view.
• View levelsThe left sidebar displays the project hierarchy, including nodes such as buildings, floors, and areas.
• Adjust attributesThe properties panel on the right allows you to view and edit the detailed parameters of the selected object.
• Switching toolsClick the toolbar icons to switch between different tools, such as drawing walls, placing furniture, and selecting areas.
• Drag and drop editing: Directly drag and drop objects in a 3D scene to move, rotate, or scale them.
• Control the viewpointUse the mouse wheel to zoom in and out, and hold down the right mouse button to drag and rotate the view.
• Create structureFirst, create the main building structure, then add floors, and finally draw walls and place items within the floors.
• Modify parametersAfter selecting an object, drag the value bar in the right panel to adjust the size parameters in real time.
• Dual-view editingClick the 2D button to open the dual-view mode and perform simultaneous 2D and 3D editing.
• Auto SaveThe system automatically saves all operations to the browser's local storage.
• Undo and redoUse Ctrl+Z and Ctrl+Y to undo and redo.
• Export ProjectSupports exporting project files for backup or sharing.

Key information and usage requirements for Pascal Editor

• Project BackgroundA pure web-based 3D architecture editor developed with the help of Claude, with 5.3k+ stars on GitHub.
• Core advantagesIt runs directly in the browser, requiring no software installation and is used at zero cost.
• Technical RequirementsRequires a modern browser that supports WebGPU (the latest version of Chrome, Edge, etc.).
• Functional positioningSuitable for lightweight architectural design, interior layout, and game scene construction; a non-professional CAD alternative.
• Data storageProject data is stored in the browser's local IndexedDB; clearing the cache will result in data loss.

Pascal Editor's core advantages

• Zero-barrier to useA pure web application architecture allows users to use it immediately upon opening their browser, without needing to download or install any software.
• AI-driven developmentThe entire project was coded with the assistance of Claude, demonstrating advanced AI-assisted development models and technical implementation capabilities.
• High-performance renderingIt achieves high-performance GPU-accelerated rendering based on WebGPU graphics technology, with a smooth operation experience close to that of traditional native software.
• Professional and complete functionsIt provides functions such as 2D/3D dual-view linkage, visual parameter editing, and hierarchical scene management to meet the needs of professional architectural design.

Pascal Editor project address

• Project official websitehttps://editor.pascal.app/
• GitHub repositoryhttps://github.com/pascalorg/editor

Pascal Editor Comparison

Comparison Dimensions	Pascal Editor	SketchUp Free	Tinkercad
Product Positioning	Open source 3D architecture editor	Lightweight 3D modeling tools	Entry-level 3D design platform
How to use	Open directly in your browser; no installation required.	Browser required; account registration is required.	Browser required; account registration is required.
cost	Completely free and open source	The basic version is free, the Pro version is paid.	Completely free
Core Functions	Architectural wall drawing, floor management, 2D/3D dual view	Push-pull modeling, component library, style rendering	Basic geometric modeling and simple combination
Technical Architecture	WebGPU High-Performance Rendering	WebGL rendering	WebGL rendering
professionalism	Medium, suitable for architectural space design	High altitude, suitable for architecture and landscape design	Lower price, suitable for beginners and education
Data storage	Browser Local IndexedDB	cloud storage	cloud storage

Application scenarios of Pascal Editor

• Interior DesignDesigners can quickly build house structures, plan spatial layouts, place furniture, and preview decoration plans without purchasing expensive professional software.
• Architectural DesignArchitects can create architectural models, design floor plans, adjust wall structures, and refine conceptual designs, thereby reducing early design costs.
• Game developmentDevelopers can build game scenes, design level maps, and arrange props and elements to accelerate prototype production and improve development efficiency.
• Property ShowcaseReal estate agents can create 3D floor plans and generate interactive property viewing models to enhance customer experience and improve sales conversion rates.