threejs-impl-ifc-viewer

Load and render IFC/BIM models in Three.js with streaming and property extraction.

11|Updated Mar 20, 2026
One-click install
npx skills add https://github.com/OpenAEC-Foundation/Three.js-Claude-Skill-Package --skill threejs-impl-ifc-viewer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: threejs-impl-ifc-viewer
Source: https://github.com/OpenAEC-Foundation/Three.js-Claude-Skill-Package/tree/main/skills/source/threejs-impl/threejs-impl-ifc-viewer
Command: npx skills add https://github.com/OpenAEC-Foundation/Three.js-Claude-Skill-Package --skill threejs-impl-ifc-viewer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Rendering and inspecting IFC/BIM data in Three.js without deprecated tools or licensing pitfalls is challenging. This Skill provides a practical, license-aware IFC viewer workflow that integrates web-ifc, @thatopen/components, and Three.js to enable scalable viewing, spatial hierarchy traversal, and property extraction for BIM analysis.

Core Features & Use Cases

  • IFC loading and rendering in a Three.js scene with streaming for large models
  • Spatial tree construction and traversal to reflect building hierarchy
  • Property extraction and reading IFC metadata for elements and relationships
  • License-aware usage, guiding you between MIT-licensed web-ifc and AGPL implications

Quick Start

Load an IFC file into a Three.js scene using the threejs-impl-ifc-viewer workflow and render it with streaming and property extraction enabled.

Frequently Asked Questions about threejs-impl-ifc-viewer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I load and render IFC models in Three.js?

To load and render IFC models in Three.js, use the web-ifc library and @thatopen/components to parse BIM data and stream large files directly into a Three.js scene with spatial hierarchy and property extraction enabled.

Why should I avoid deprecated web-ifc-three for BIM viewing?

You should avoid deprecated web-ifc-three because it introduces licensing pitfalls and lacks active support. Using MIT-licensed web-ifc with @thatopen/components provides a safer, license-aware workflow for rendering IFC files in Three.js.

What is the best way to stream large IFC files in a web browser?

The best way to stream large IFC files in a web browser is using the web-ifc library to enable streaming, which allows Three.js to load heavy BIM models efficiently while maintaining safe memory management and accessing property metadata.

Can I extract spatial hierarchy and properties from IFC data using Three.js?

Yes, you can extract spatial hierarchy and properties from IFC data in Three.js by using @thatopen/components to construct spatial trees that reflect the building hierarchy and read IFC metadata for elements and relationships.

Does web-ifc have licensing implications for commercial BIM applications?

web-ifc is MIT-licensed and safe for commercial BIM applications, but you must be aware of AGPL licensing implications when integrating related packages. This workflow guides you between MIT-licensed web-ifc and AGPL components to ensure compliance.

What are the limitations of using Three.js for IFC viewer applications?

Limitations of using Three.js for IFC viewer applications include managing memory safely when streaming large BIM files and navigating the licensing complexities of deprecated packages, requiring careful integration of web-ifc and @thatopen/components.