# The MML Viewer

There is an open-source MML Viewer that can be used to view any MML avatar created:

<figure><img src="https://1456550285-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoWTlPaoHd1McSakqMigu%2Fuploads%2Fgit-blob-bb2bb8e2c64e3811a6447bd648ff13b6bb3bebaf%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>

## Links

* MML Viewer: <https://viewer.mml.io/main/v1/>
* Github Repo: <https://github.com/mml-io/mml/tree/main/packages/mml-viewer>

## How to view MML avatars

* The following link takes you to a pre-configured version of the MML viewer with good conditions for viewing MML avatars: <https://viewer.mml.io/main/v1/?url=https%3A%2F%2Fcasual-filtered-v1.msquaredavatars.com%2F0.mml&environmentMap=cloudysky&cameraMode=orbit&cameraOrbitSpeed=0&cameraFitContents=true&charAnim=https%3A%2F%2Fpublic.mml.io%2Fcharacter-idle-animation.glb>
* By default it is showing one of our example avatars from [#some-default-characters](https://docs.msquared.io/creation/unreal-development/features-and-tutorials/avatars/..#some-default-characters "mention")
* To view an avatar of your choice:
  * Click the button in the top-right to open the settings

    <figure><img src="https://1456550285-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoWTlPaoHd1McSakqMigu%2Fuploads%2Fgit-blob-bd0dbd9050a635d26450eef8c41f55180a93bd8e%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>
  * Paste the Url of the MML Avatar you want to view. Click Submit or press the `Enter` key to apply

    <figure><img src="https://1456550285-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FoWTlPaoHd1McSakqMigu%2Fuploads%2Fgit-blob-61b1944658c10d312c2c31f3bb16a38972dcb2f1%2Fimage.png?alt=media" alt=""><figcaption></figcaption></figure>
  * Click and drag the screen to rotate to view your avatar from other angles