# Babylon.js Viewer Examples

> Examples of using the viewer

Source: https://doc.babylonjs.com/legacy/babylonViewer/viewerExamples

This section contains a list of the current viewer demos.

## Basic usage

[https://github.com/BabylonJS/Babylon.js/tree/master/packages/tools/viewer/public/basicExample.html](https://github.com/BabylonJS/Babylon.js/tree/master/packages/tools/viewer/public/basicExample.html)

A basic example of loading a .babylon model with the default configuration.

[Live demo](https://viewer.babylonjs.com/basicExample.html)

## DOM configuration

[https://github.com/BabylonJS/Babylon.js/tree/master/packages/tools/viewer/public/domExample.html](https://github.com/BabylonJS/Babylon.js/tree/master/packages/tools/viewer/public/domExample.html)

An example of how to use the DOM to configure the viewer.

[Live demo](https://viewer.babylonjs.com/domExample.html)

## Events example

[https://github.com/BabylonJS/Babylon.js/tree/master/packages/tools/viewer/public/eventsExample.html](https://github.com/BabylonJS/Babylon.js/tree/master/packages/tools/viewer/public/eventsExample.html)

An example of how to load the viewer and use its observers with promises, observables, and callbacks.

[Live demo](https://viewer.babylonjs.com/eventsExample.html)

## Animations example

[https://github.com/BabylonJS/Babylon.js/tree/master/packages/tools/viewer/public/ufoExample.html](https://github.com/BabylonJS/Babylon.js/tree/master/packages/tools/viewer/public/ufoExample.html)

An example of the animation system of the default viewer.

[Live demo](https://viewer.babylonjs.com/ufoExample.html)

## Further reading

- [Babylon.js Viewer](https://doc.babylonjs.com/legacy/babylonViewer)
- [Configuring the viewer](https://doc.babylonjs.com/legacy/babylonViewer/configuringViewer)
- [The templating system](https://doc.babylonjs.com/legacy/babylonViewer/viewerTemplatingSystem)
- [Recreating the default configuration for the viewer](https://doc.babylonjs.com/legacy/babylonViewer/defaultViewerConfig)
- [Advanced usage](https://doc.babylonjs.com/legacy/babylonViewer/advancedViewerUsage)
