> For the complete documentation index, see [llms.txt](https://community.threekit.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://community.threekit.com/releases/2022/fall-22-release/player-loading-toolkit-powered-by-treble.md).

# Player Loading Toolkit powered by Treble

<figure><img src="/files/dt1x6slXMG32zgF5VV5p" alt=""><figcaption></figcaption></figure>

Provide a superior user experience all while maximizing end user engagement using the new Player Loading Toolkit for [Treble](https://treble.threekit.com/). Threekit experiences are set apart from static images with:

* **Instant visuals** - Load the 3D experience in the background while showing a pre-rendered image instantly, once the experience is ready transition seamlessly to it.
* **Customizable loading options** - Show off different loading styles or replace it with your own branding entirely during loading.
* **Product Interaction Cues** - Automatic product rotation and other visual cues to let users know the product is ready to be interacted with.

![](/files/KHS5iRIUUuV57qeRI248)

The Threekit player by default shows a snapshot of your product while it's loading.

![](/files/Fb9WGDiCsuP17hViFK97)

While loading, you can use the out-of-the-box loading images, or you can showcase your own branding via custom code.

![](/files/7vw35XbDGhiY7QP6q9Sr)

Hide the loading all together as Threekit loads the interactive 3D experience in the background.

![](/files/X5imR7kUDIwlQ3eavzJM)

When the interactive 3D experience is ready, have visual cues that let the user know the model can be interacted with.

![](/files/05FEKJmQy75okC1RDF5z)

Rotation animation that rotates the product until you interact with it.

![](/files/VrJskg6yv1RvfgpdJ5bO)

Breathing animation that slowly moves the product up and down until you interact with it.

![](/files/SHWqEYD3tifX44B4uGci)

Reduce Cumulative Layout Shift (CLS) and improve your Google SEO rankings using the new configurator skeleton component.

**The player loading toolkit is only supported when using Treble.**

<br>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://community.threekit.com/releases/2022/fall-22-release/player-loading-toolkit-powered-by-treble.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
