White-Label IFC Viewer

Zum Einbetten in die eigene Web-Anwendung
Anpassbar an die eigene Marke

Integration

Der Viewer als Komponente des eigenen Produkts

Importiert als npm-Package, wird der Viewer in ein einfaches DOM-Element gemountet, unabhängig vom Framework der Host-Anwendung. Container übergeben, mounten, Modell laden, mehr braucht die minimale Integration nicht. Über die typisierte API inklusive Config-Objekt behält die eigene Anwendung dabei die volle Kontrolle. Dahinter steht ein vollständiges SDK aus drei Paketen, vom fertigen Viewer inklusive Nutzeroberfläche über die reine Engine bis zum Backend-Konverter.

Details zur Integration

npm-Packages

Viewer – Kompletter Viewer mit allen Funktionen inkl. Nutzeroberfläche

Engine – Reine Engine, um die Oberfläche vollständig selbst zu gestalten

Konverter – IFC-zu-FRAG-Konverter fürs Backend

Framework & Dependencies

Der Viewer ist Framework-agnostisch. React, Angular, Vue oder Vanilla JS, der Viewer mountet sich in ein einfaches DOM-Element.

Es bestehen keinerlei Peer Dependencies. Alle Laufzeit-Abhängigkeiten stecken im jeweiligen npm-Package.

API & Config

Die API mit vollständiger Typendefinition steuert den Viewer programmatisch, vom Laden der Modelle über Auswahl und Sichtbarkeit bis zu BCF-Topics und Events.

Ein typisiertes Config-Objekt steuert Panels, Maßeinheiten, Sprache, Theme und vieles mehr. Alles ist vordefiniert und lässt sich bei Bedarf im Detail anpassen.

Assets & Self-Hosting

Zur Performanceoptimierung werden Assets basierend auf Web Workers und WebAssembly genutzt, die im npm-Package enthalten sind. Diese Asset-Pfade können optional in der Config angepasst werden.

Security & Privacy

Die Modelldaten-Verarbeitung läuft client-seitig. Optional können die Modelle vorab im eigenen Backend von IFC zu FRAG konvertiert werden. Es besteht keinerlei Verbindung zu crais-Servern oder Dritten. Regelmäßige Sicherheitspatches der genutzten Dependencies.

Support & Updates

Der Funktionsumfang wird laufend erweitert und Features verbessert. Das Gründer- und Entwicklungsteam unterstützt im direkten Kontakt.

Individuelles Branding

Der Viewer als Teil der eigenen Marke

Der eingebettete Viewer wird Teil der Produktoberfläche und damit Teil der eigenen Marke. Die gesamte Oberfläche ist individualisierbar, angefangen beim Logo, über Farben, Flächen und Rundungsradius bis hin zu den Schriftarten. Die Anpassung erfolgt gezielt über CSS Custom Properties und die Config. Das Theming reicht bis in die 3D-Szene hinein, von der Selektionsfarbe bis zum BCF-Pin, und am Ende wirkt der Viewer, als wäre er im eigenen Haus entwickelt worden.

Details zum Branding

Logo, Farben & Styling

Das eigene Logo kann in der Config als Bild-URL hinterlegt werden. Ohne Angabe zeigt der Viewer neutrale Icons.

Das gesamte Interface ist über CSS Custom Properties definiert, von der Primärfarbe über Flächen- und Statusfarben bis zu Rundungsradius und Schriftarten. Die Default-Werte können gezielt angepasst werden. Sämtliche Viewer-spezifischen Styles sind in einem eigenen Namespace definiert, die Host-Anwendung bleibt unberührt.

Light & Dark Theme

Initial kann das Theme per Config gesetzt werden. Gewechselt wird zur Laufzeit über das Viewer-Interface oder programmatisch über die API.

3D-Szene

Die Anpassung endet nicht am Interface. Auch Selektions- und Hover-Farben, Maß-Annotationen, Schnittebenen, BCF-Pins und der Hintergrund des Viewports sind konfigurierbar.

Mehrsprachigkeit

Das Interface liegt vollständig in Englisch und Deutsch vor. Die Sprache wird per Config initialisiert und zur Laufzeit über die Settings im Viewer oder die API gewechselt. Eigene Inhalte wie zusätzliche Hilfe-Einträge können mehrsprachig hinterlegt werden.

Der crais Viewer auf einem Monitor, eingefärbt in einem Farbverlauf

Live-Demo

Lizenzmodelle

Educational

Für Lehre, Studium und Forschung

BIM an der Basis, dort, wo Know-how entsteht.

  • Kostenlose Nutzung für Projekte an Universitäten, Schulen und Forschungseinrichtungen
  • Support für Lehrende und Forschende, von Gründern mit eigener BIM-Lehrerfahrung

Anwendungsbeispiele:

  • Abschlussarbeiten von der Diplomarbeit bis zur Dissertation
  • Implementierung in Lernplattformen und Nutzung bei BIM-Lehrveranstaltungen
  • Forschungsprototypen an der Schnittstelle von BIM, KI und Softwareentwicklung
Zugang anfragen

Growth

Für Startups und kleine Unternehmen

Vergünstigte Konditionen und gemeinsame Sichtbarkeit.

  • Faire Lizenzkosten, die umsatzabhängig mit dem Erfolg skalieren
  • Gegenseitige Unterstützung bei der Öffentlichkeitsarbeit
  • Direkter Support durch das Entwicklerteam

Anwendungsbeispiele:

  • Entwicklung von Tools und Plattformen mit BIM-Funktionen
  • Proptech-Produkte
  • Interne Tools, bei denen Modelldaten die eigene Infrastruktur nicht verlassen dürfen
Gemeinsam wachsen

Business

Für etablierte Unternehmen

Ein Produkt, ein Preis, volle Planbarkeit.

  • Fixe monatliche Kosten pro Produktimplementierung, unabhängig von Projekt- oder Nutzeranzahl
  • Kostenlose Testimplementierung
  • Priorisierter Support durch das Entwicklerteam

Anwendungsbeispiele:

  • Implementierung in CDEs und Projektplattformen
  • Vermarktung und Verwaltung von Immobilienportfolios
  • Interne Tools zur Verknüpfung von BIM mit Wissensdatenbanken
Gespräch vereinbaren

Interesse am White-Label IFC Viewer?

Wir beraten dich gerne zum Viewer, zur Implementierung und zu deinem konkreten Anwendungsfall.

Technische Details

Spezifikationen

Unterstützte IFC-VersionenIFC 2x3, IFC 4, IFC 4.3
Unterstützte BCF-VersionenBCF 2.1, BCF 3.0
Unterstützte Dateiformate.ifc, .frag, .bcf, .bcfzip
BrowseranforderungenWebGL2, ES-Module
Tech StackTypeScript, Three.js, ThatOpen Fragments, web-ifc, WebGL2

Referenz – Konvertierung & Ladezeit

Beim erstmaligen Öffnen werden IFC-Dateien in das performante FRAG-Format konvertiert. Nach der Konvertierung verringert sich die Dateigröße, sowie die Ladezeit um rund das 10-fache. Die Konvertierungsdauer, Ladezeit- sowie Dateigrößenverringerung schwanken je nach geometrischer Komplexität und Informationsgehalt der IFC-Datei. Die folgende Tabelle zeigt die konkreten Messwerte eines Beispiel-Setups.

FachmodellGröße IFCGröße FRAGÖffnen IFC*Öffnen FRAG
Architektur13,0 MB1,6 MB25,3 s0,7 s
Tragwerk19,4 MB0,7 MB2,5 s0,8 s
Haustechnik125,8 MB12,7 MB24,7 s3,5 s
Gesamtprojekt158,2 MB15,0 MB52,5 s5,0 s

*Öffnen und Konvertieren

Setup

Hardware: Microsoft Surface Pro 8 (2021), Intel Core i7-1185G7, 16 GB RAM, ohne dedizierte GPU

Referenzmodelle: buildingSMART Test Files: Projekt „Medical-Dental Clinic“