IFC Viewer SDK

Embed a complete IFC viewer in any app

Free forever, commercial use included, no copyleft. Up to 500 requests/month.

Use for free Talk to Sales

IFC 2x3, IFC4, IFC4x3
BCF 2.1 & 3
IDS 1.0
React, Vue, Angular, TypeScript

Live Demo

See it running in your browser

BCF 3.0 coloring applied to the NBU Medical Clinic IFC model. Rotate, section, and inspect.

flinker.app · IFC Viewer SDK – BCF Coloring Demo

Open ↗

View all SDK examples →

From zero to running viewer in minutes

Import one CDN module

Add a <script type="module"> from Flinker's CDN. No npm install, no build step.

Pass your IFC bytes

Call viewer.add() with a Uint8Array. Parsing and 3D rendering happen entirely in-browser.

Embed in your product

Mount the complete viewer in your interface. Advanced product connections are available on request.

View SDK documentation →

Start now. Customize when needed.

Included in Community

Complete viewer UI mounted inside your web application
IFC, BCF, and IDS viewing workflows
Load file bytes from sources your application already controls
Local parsing and rendering in the browser

Available on request

Custom viewer UI

Viewer events

Toolbar customization

Dedicated data connectors

BCF storage integration

Custom styling

Extensions or plugins

Scope, delivery, and licensing depend on your integration requirements.

Discuss an advanced integration

A complete viewer workflow, not just a canvas

Browser IFC Viewer

WebGL 2 rendering for large enterprise-scale datasets.

Federated Model Review

Load multiple discipline models (architecture, structure, MEP) into one viewer session.

Model Tree & Navigation

Navigate the full spatial structure, IFC classes, storeys, and model components.

Element Properties

Inspect IFC element data, names, GlobalIds, types, and property sets on click.

Selection & Highlighting

Select one or many elements inside the viewer. Connections to external tables, tickets, forms, or analytics are available on request.

Visibility Control

Hide, show, isolate, and focus model elements.

Coloring

Color elements by status, risk, progress, cost, or any business attribute.

Clipping & Section Views

Cut into the model to inspect spaces, floors, shafts, rooms, services, and internal construction details.

BCF Coordination

Load, create, and exchange BCF topics with camera position, selected elements, visibility, and clipping state.

IDS Validation

Run IDS checks and show failed elements directly in the 3D view.

Viewpoints

Store and restore camera, selection, visibility, coloring, and clipping context as portable openBIM view state.

Local Processing

IFC parsing and WebGL rendering happen inside the browser. Files are never transferred to a Flinker server.

Five lines. A complete IFC viewer.

No backend, no config files.

<!-- 1. Add the viewer element -->
<bim-grid id="ifc-viewer"></bim-grid>

<script type="module">
  // 2. Import — no npm install required
  import { IfcViewer } from "https://cdn.flinker.app/ifc-viewer/v3.4.7/ifc-viewer.es.js";

  // 3. Mount and wait for ready
  const viewer = new IfcViewer("#ifc-viewer");
  await viewer.ready;

  // 4. Pass IFC bytes from your app — file never leaves the browser
  const response = await fetch("/models/project.ifc");
  const bytes = new Uint8Array(await response.arrayBuffer());
  await viewer.add("project.ifc", bytes);
</script>

Full documentation API reference SDK examples

Pricing

Free forever. No surprises when you grow.

No trial period, no hidden limits. Upgrade when you outgrow 500 requests/month or need white-label licensing.

Where teams embed it

Use the viewer inside the workflows your users already know. Your app controls authentication, project data, and permissions.

CDE, Portal & Intranet

Add model review to project portals and internal workflows alongside metadata, approvals, and revision history, without a separate model platform.

Digital Twin

Show the BIM model next to sensor data, asset records, maintenance logs, or operational dashboards.

Project Management App

Connect selected elements and BCF viewpoints to tasks, issues, comments, and saved views.

ERP & Procurement

Color and select model elements by work package, cost code, vendor, or procurement status.

Analytics Dashboard

Load IFC geometry next to tables, charts, validation results, quantities, and status fields.

Facility Management

Navigate spaces, assets, equipment, COBie data, and handover information in one browser view.

For AI Coding Assistants

Works with Copilot, Claude, and Codex

Paste this prompt. Get a working IFC viewer without any sign-up step.

Add a fully working browser IFC viewer with the Flinker IFC Viewer SDK.
Use this import:
import { IfcViewer } from "https://cdn.flinker.app/ifc-viewer/v3.4.7/ifc-viewer.es.js";

Mount it into a <bim-grid id="ifc-viewer"></bim-grid> element.
Create the viewer with new IfcViewer("#ifc-viewer").
Await viewer.ready before loading files.
Convert IFC, BCF, or fragment files to Uint8Array and call viewer.add(file.name, bytes).
Do not upload the IFC file to a backend just to view it.

SDK Documentation API Reference Code Examples

Frequently Asked Questions

Can't find the answer you're looking for?
Contact our team

Do I need an account or API key to use the SDK?

No. The Community plan works by importing the CDN ES module directly — no account, no API key. Import the module, create new IfcViewer(...), and you have a working viewer. The Community plan is subject to a 500 requests/month limit and requires Flinker branding to remain visible in the viewer.

Can I use the SDK in a product I sell to my customers?

Yes. All plans include commercial use, and there is no copyleft requirement — your own code stays yours. You can embed the viewer in a product you sell and run that product under your own domain. Community and Pro use the standard Flinker CDN distribution and require Flinker branding to remain visible. White-label use and on-premise or private cloud deployment are available with Enterprise. Standalone SDK redistribution or other custom distribution terms require an Enterprise agreement.

Does the SDK upload my IFC files to a Flinker server?

No. Your application reads or fetches the file, converts it to Uint8Array, and passes it to viewer.add(). IFC parsing and WebGL rendering happen entirely inside the visitor's browser. Files are never transferred to a Flinker server.

Which JavaScript frameworks are supported?

The SDK mounts into a DOM element and works with any framework that supports browser ES modules: React, Vue, Angular, TypeScript, Svelte, or plain HTML.

What counts as a request?

A request is counted when a viewer session loads. The number of IFC, BCF, or IDS files opened within that session does not matter — loading a federated model of nine files counts as one request. Reloading the page counts as a new request. Local development on localhost is not counted.

What happens if I exceed my plan limit?

Community and Pro have no overage billing. If usage exceeds the plan limit for two consecutive months, or exceeds three times the limit in a single month, we will contact you to move to the appropriate plan. The viewer keeps working while we talk.

Is the Community plan permanently free?

Yes. The Community plan is free up to 500 requests per month with no time limit. Flinker branding must remain visible in the viewer on the Community plan. When you need more requests, upgrade to Pro. For white-label licensing, choose Enterprise.

Can I remove Flinker branding from the viewer?

Yes. White-label licensing is available with Enterprise, regardless of request volume. Community and Pro require Flinker branding to remain visible in the viewer.

What are the Microsoft 365 connectors?

Pro and Enterprise include connectors that write viewer data back into Microsoft 365. The first one stores BCF topics directly in SharePoint, so coordination stays in your existing document structure without a separate BCF tool. Creating and loading BCF topics inside the viewer is available in all plans.

Does the SDK need an npm install?

No. The standard integration uses Flinker's CDN ES module — one import line. No build pipeline changes are required.

Do prices include VAT?

All prices shown are exclusive of VAT. VAT will be applied where required based on your location.

Start building. It's free.

Import one CDN module. No account, no credit card required. Upgrade when you're ready.