Embed a complete IFC viewer in any web app
The Community plan is a permanent commercial tier. Use it for free up to 2,000 opens per month. No credit card, no npm install, no upload backend.
Trusted by teams building with the SDK
See it running in your browser
A live embedded instance of the SDK. BCF 3.0 coloring applied to the NBU Medical Clinic IFC model. All IFC processing happens in your browser tab — nothing is sent to a server.
Rotate, select, and inspect elements. View all SDK examples →
From zero to running viewer in minutes
No build pipeline, no account, no server setup. Import one module and your app has a fully working IFC viewer.
Import one CDN module
Add a <bim-grid> element, import IfcViewer from Flinker's CDN with a single <script type="module">. No npm, no bundler required.
Pass IFC bytes from your app
Your application fetches or reads the file, converts it to Uint8Array, and calls viewer.add(). IFC parsing and 3D rendering happen entirely inside the browser. Nothing is uploaded to any server.
Connect to your product
Connect viewer state (selections, BCF viewpoints, colorings, filters) to your own UI. The Community plan scales with your product; upgrade to Growth or Enterprise as volume grows.
A complete viewer workflow, not just a canvas
The SDK ships with every feature your users need to inspect, coordinate, and validate BIM data in the browser.
Five lines. A complete IFC viewer.
This is the full integration. Add the element, import the module, await ready, pass bytes. No backend, no configuration files, no extra dependencies.
<!-- 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.3.0/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>
Free to use
The Community plan is a permanent commercial tier, not a trial. Import one module and ship IFC viewing into your product today. Small teams can run on Community indefinitely.
Privacy-first
IFC files are parsed and rendered entirely inside the browser. Nothing is uploaded to a Flinker server. Your users' models stay on their device.
No npm install
One CDN ES module import. Works with plain HTML, React, Vue, Angular, TypeScript, or any modern frontend that supports browser modules.
Start free. Scale when ready.
Community is a real commercial tier with no expiry. Upgrade to remove branding and unlock higher volume.
Choose Your Plan
All plans include the full viewer feature set. Upgrades remove Flinker branding and increase your monthly opens limit.
- Full viewer feature set
- IFC 2x3, IFC4, IFC4x3
- BCF 2.1 & 3, IDS 1.0
- React, Vue, Angular, TypeScript
- CDN import, no npm required
- Flinker branding included
- Everything in Community
- White-label — no Flinker branding
- Self-serve upgrade
- Email support
- Annual pre-pay (€3,600/yr)
- Everything in Growth
- Priority support
- SLA agreement
- Dedicated contact
- Annual pre-pay (€9,000/yr)
- Everything in Scale
- ERP integration (SAP, Oracle, Dynamics)
- Microsoft Azure, Fabric & Foundry ready
- On-premise & private cloud deployment
- Multi-team setup & custom SLA
- Custom contract & volume pricing
All prices are exclusive of VAT.
Where teams embed it
Your app stays in control of authentication, file access, and permissions. The viewer handles IFC rendering. Drop it into any web architecture.
CDE & Document Platform
Load IFC files from project folders and show the model next to metadata, approvals, and revision history.
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.
Ready for AI-assisted development
Using Copilot, Claude, Codex, or another coding assistant? Paste this prompt to get a fully working IFC viewer in minutes. The Community plan requires no account, making it the natural choice for AI-generated integrations.
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.3.0/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.Frequently Asked Questions
new IfcViewer(...), and you have a working viewer. The Community plan is subject to a 2,000 opens/month limit and requires Flinker branding to remain visible in the viewer.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.viewer.add() when your app has file bytes.viewer.add() is called to load a model file. Loading multiple discipline models in one session (federated review) counts as one open per file loaded.import line. This makes the SDK the fastest path to a complete embedded IFC viewer in an existing web application. No build pipeline changes are required.Start building. It's free.
Import one CDN module. No account, no credit card required. Upgrade to remove branding or increase your volume when you're ready.