# BabylonJS Viewer The Babylon Viewer aims to simplify a specific but common Babylon.js use case: loading, viewing, and interacting with a 3D model. - [API](https://doc.babylonjs.com/packages/viewer/index) - [Documentation](https://doc.babylonjs.com/features/featuresDeepDive/babylonViewer) - [Feature requests](https://forum.babylonjs.com/t/babylon-viewer-v2/54317) - [Support](https://forum.babylonjs.com/c/questions) ## Using with a Bundler Install the package using npm: ```bash npm install @babylonjs/viewer ``` To use the `HTML3DElement` you can import the `@babylonjs/viewer` module and then reference the `` custom element in your HTML like this: ```html ``` ## Using the Lite Viewer A lighter-weight, WebGPU-first variant is available by switching your import path from `@babylonjs/viewer` to `@babylonjs/viewer/lite`: ```js import "@babylonjs/viewer/lite"; ``` The `` element works the same way. This variant is built on [`@babylonjs/lite`](https://www.npmjs.com/package/@babylonjs/lite) (install it alongside the viewer), which is a much smaller engine but is **not yet feature complete**, so some viewer capabilities may be unavailable. ## Using Directly in a Browser If you want to use the viewer directly in a browser without any build tools, you can use the self-contained ESM bundle (which includes all dependencies) through a CDN such as [jsDelivr](https://www.jsdelivr.com/), [UNPKG](https://unpkg.com/), or your own CDN like this: ```html ``` See the [codepen.io](https://codepen.io/BabylonJS/pen/ogvbyyW) example for a live demo.