JavaScript libraries to visualize 3D models in a browser

Build highly interactive 3D web applications running either on-premise or in the cloud. Work in a 3D view, explore assemblies and PMI, measure, mark-up, and collaborate in real-time.

Technology for your 3D web app

Empowers our own CAD Exchanger Cloud

React and three.js integrations

Back-end independent

Ready-to-use tools

Assembly trees and interactive 3D views

Materials and textures

Measurements and PMI

Cross-browser

Safari browser logo

Formats list

Collaborate in the Multi-CAD World

Need to work with CAD files in numerous formats? No worries.

From JT to STL, from NX to OBJ, CAD Exchanger gets you covered.

Develop faster

Easy to integrate with CAD Exchanger SDK and CLI.

// Create scene and viewport
const aScene = new cadex.ModelPrs_Scene();
const aViewPort = new cadex.ModelPrs_ViewPort({ autoResize: true}, document.getElementById('model-viewer'));
aViewPort.attachToScene(aScene);

// Load prepared model
const aModel = new cadex.ModelData_Model();
const aLoadResult = await aModel.loadFile('Radial_Engine.cdxfb', dataLoader, false);

// Display model on the scene
let aDisplayMode = cadex.ModelPrs_DisplayMode.Shaded;
let aRepMode = cadex.ModelData_RepresentationMask.ModelData_RM_Poly;
await cadex.ModelPrs_DisplayerApplier.apply(aLoadResult.roots, [], {
    displayer: new cadex.ModelPrs_SceneDisplayer(aScene),
    displayMode: aDisplayMode,
    repSelector: new cadex.ModelData_RepresentationMaskSelector(aRepMode)
});

Key Features

1

Efficient data format

Highly-compressed files for faster transfers

External references for quicker loading and lower memory footprint

2

Feature-rich visualization

three.js-based visualization

Shading and wireframe display modes

Materials and textures

Selection and hovering

3

Unified data access API

Format-neutral data model

Assemblies and parts

Polygonal meshes

Colors, materials and meta-data

4

Measurements and PMI

Coordinates and distances

Integrates with SDK API for more complex measurements

Graphical PMI in the browser

Flexible Licensing for Enterprise and Startups

Contact us

Frequently Asked Questions

From Our Blog

New Formats In Cloud, Enhanced Web Toolkit Documentation

New Formats In Cloud, Enhanced Web Toolkit Documentation

COLLADA, glTF, DXF, 3DS in CAD Exchanger Cloud. New illustrative examples in Web Tookit documentation.

Read more
How To Load 3D CAD Data Into Three.js

How To Load 3D CAD Data Into Three.js

This blog post is dedicated to the question of converting CAD files to three.js to view them in a web browser.

Read more
Which CAD Exchanger Developer Tools are Right for Me?

Which CAD Exchanger Developer Tools are Right for Me?

Working on a 3D engineering app for desktop, web, or mobile? Looking for CAD SDKs and developer tools to work with various 3D formats? Then CAD Exchanger can be the right choice for you. Keep on reading to select which tool can be the best fit for your case.

Read more

It's easy to get started

Sign-up to get 30-days fully-functional evaluation version

Try for free