IFC Playground

Interactive IFC file processing with Python scripts via IfcOpenShell WASM

✨ Try the live demo at playground.lt.plus ✨

🏢 About

IFC Playground is a web-based POC for processing and visualizing Industry Foundation Classes (IFC) files, commonly used in Building Information Modeling (BIM). It showcases interactive manipulation and analysis of architectural and construction data through a modern browser interface.

🔧 Key Features

• Interactive IFC file processing with Python
• WebAssembly implementation of IfcOpenShell for browser-based processing
• 3D visualization of IFC models using three.js
• Integrated Python code editor
• Built-in scripts for some sample IFC analysis tasks
• Modern, responsive UI with dark mode support

🚀 Getting Started

You can try the application directly at playground.lt.plus without any installation.

To run the development server locally:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

🛠️ Tech Stack

• Next.js - React framework for production
• IfcOpenShell WASM - WebAssembly implementation of IfcOpenShell
• ThatOpen Engine - Web-based IFC parsing and rendering engine
• Three.js - 3D visualization library
• TypeScript - Type-safe JavaScript

📚 Learn More

To learn more about the technologies used in this project:

• Next.js Documentation - learn about Next.js features and API
• IfcOpenShell Documentation - learn about IFC processing with IfcOpenShell
• Three.js Documentation - learn about 3D rendering with Three.js
• IFC Format - learn about the IFC standard

📝 License

This project is licensed under the GNU Affero General Public License v3.0 (AGPL-3.0) - see the LICENSE file for details.

The AGPL license ensures that:

• You can use, modify, and distribute this software
• If you modify and share this software, you must share your modifications under the same license
• If you run a modified version of this software as a service, you must make your modified version available to users

💖 Created By

This project is created with passion by lt.plus.

🚀 Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out the Next.js deployment documentation for more details.