@cadexchanger/web-toolkit

JavaScript libraries to visualize 3D models in a browser

Usage no npm install needed!

<script type="module">
  import cadexchangerWebToolkit from 'https://cdn.skypack.dev/@cadexchanger/web-toolkit';
</script>

README

CAD Exchanger Web Toolkit

The CAD Exchanger Web Toolkit is a JavaScript library to visualize, explore and analyze 3D CAD models. Unlike Autodesk Forge, the Web Toolkit can be used to develop web applications running entirely on premise (i.e. inside corporate network) without exposing any confidential data outside of the company.

The CAD Exchanger Web Toolkit is used as an underlying engine of CAD Exchanger Cloud (cloud.cadexchanger.com). Thus you can build applications providing comparable functionality.

CAD Exchanger Web Toolkit based application CAD Exchanger Web Toolkit based application

Key Features

The CAD Exchanger Web Toolkit provides the following features:

  • Reading multiple 3D formats (using other CAD Exchanger components – CLI, SDK or Cloud API).
  • Access to product structure of assemblies and parts.
  • 3D geometry: B-Rep (Boundary Representation, or precise geometry) and meshes (tessellated geometry).
  • Metadata: names, user-defined properties, id’s, etc.
  • Colors and materials with textures and transparencies.
  • Measurements: bounding boxes, distances, angles. With the help of CAD Exchanger SDK, additional measurements are available such as surface area, volume, centroid, minimum bounding box, etc.
  • PMI (Product and Manufacturing Information).
  • Multiple display modes, including shading, wireframe and ghost views.
  • Interactive selection and hovering in 3D view.

Installation

Web Toolkit can be installed with npm and modern build tools, or get started quickly with just static hosting or a CDN. For most users, installing from npm is the best choice.

Install from NPM

To install the Web Toolkit npm module, open your project folder in a terminal and run:

npm install --save @cadexchanger/web-toolkit

The package will be downloaded and installed. Including Web Toolkit will usually look like this:

// Option 1: Import the entire library.
import cadex from '@cadexchanger/web-toolkit';

const model = new cadex.ModelData_Model();

// Option 2: Import just the parts you need.
import { ModelData_Model } from '@cadexchanger/web-toolkit';

const model = new ModelData_Model();

Install from CDN or static hosting

The Web Toolkit library can be used by uploading files to your own web server or by using an existing CDN.

<!-- Load minified bundle library which includes all necessary dependencies -->
<script src="https://cdn.skypack.dev/@cadexchanger/web-toolkit?min"></script>

<script type="text/javascript">
  const model = new cadex.ModelData_Model();
</script>

Documentation

You can find the Web Toolkit documentation on the website.

The documentation is divided into several sections:

Questions

For questions and support please submit your inquiry via contact form.