getting-started
π―Skillfrom vuer-ai/vuer
Provides a beginner-friendly tutorial and code walkthrough for quickly setting up and using the Vuer visualization toolkit for 3D and robotics data.
Installation
npx skills add https://github.com/vuer-ai/vuer --skill getting-startedSkill Details
Overview
Vuer: An Event-Driven, Declarative Visualization Toolkit for GenAI and Robotics
pip install vuer
β¬
β¬
Vuer is a light-weight visualization toolkit for interacting with dynamic 3D and robotics data. It is
VR and AR ready, and can be run on mobile devices.
Latest Updates
- 2025-11-28: All documentation examples are now executable with [downloadable assets](https://drive.google.com/file/d/1sx2-UckFTwEpXZwuSWSc4b2f8z0JAF1F/view?usp=sharing).
Installation
You can install vuer with pip:
```shell
pip install -U vuer
```
Here is an example that loads a URDF file and displays it in the browser. For more examples, see the
the [examples](https://docs.vuer.ai/en/latest/examples/meshes/mesh_loading.html) page.
```python
from vuer import Vuer
from vuer.schemas import DefaultScene, Urdf, OrbitControls
app = Vuer()
@app.spawn(start=True)
async def main(sess):
sess.set @ DefaultScene(
Urdf(src="https://raw.githubusercontent.com/nasa-jpl/m2020-urdf-models/main/rover/m2020.urdf"),
up=[0, 0, -1], # Z-down coordinate system
bgChildren=[OrbitControls(key="OrbitControls")]
)
await sess.forever()
```
[](https://vuer.ai?collapseMenu=True&background=131416,fff&initCamPos=2.8,2.2,2.5&ws=ws%3A%2F%2Flocalhost%3A8012&scene=3gAJqGNoaWxkcmVukd4ABKhjaGlsZHJlbpHeAAaoY2hpbGRyZW6Qo3RhZ6RVcmRmo2tleaExo3NyY9lSaHR0cHM6Ly9yYXcuZ2l0aHVidXNlcmNvbnRlbnQuY29tL25hc2EtanBsL20yMDIwLXVyZGYtbW9kZWxzL21haW4vcm92ZXIvbTIwMjAudXJkZqtqb2ludFZhbHVlc94AAKhyb3RhdGlvbpPLQAkeuGAAAAAAAKN0YWenTW92YWJsZaNrZXmhMqhwb3NpdGlvbpMAAMs%2FwzMzQAAAAKN0YWelU2NlbmWja2V5oTOidXCTAAABpGdyaWTDqHNob3dMZXZhwqtyYXdDaGlsZHJlbpLeAASoY2hpbGRyZW6Qo3RhZ6xBbWJpZW50TGlnaHSja2V5tWRlZmF1bHRfYW1iaWVudF9saWdodKlpbnRlbnNpdHkB3gAFqGNoaWxkcmVukKN0YWewRGlyZWN0aW9uYWxMaWdodKNrZXm5ZGVmYXVsdF9kaXJlY3Rpb25hbF9saWdodKlpbnRlbnNpdHkBpmhlbHBlcsOsaHRtbENoaWxkcmVukLJiYWNrZ3JvdW5kQ2hpbGRyZW6Q")
To get a quick overview of what you can do with vuer, check out the following:
- browse the example gallery [here](https://docs.vuer.ai/en/latest/examples/meshes/mesh_loading.html)
- try the demo showing a Unitree Go1 robot in front of a staircase [here](https://docs.vuer.ai/en/latest/examples/urdf_go1_stairs.html)
For more details:
- A full list of visualization components: [API documentation on Components](https://docs.vuer.ai/en/latest/api/vuer.html).
- A full list of data types: [API documentation on Data Types](https://docs.vuer.ai/en/latest/api/types.html).
Using Vuer with Claude Code
Vuer includes a Claude Code plugin that teaches Claude how to use the library. To install:
```
/plugin marketplace add vuer-ai/vuer
/plugin install vuer@vuer
```
See the [full guide](https://docs.vuer.ai/en/latest/guides/claude_skill.html) for details.
Examples
To run the examples, you'll need to download the required assets:
- Download
vuer_doc_assetsfrom [this Google Drive link](https://drive.google.com/file/d/1sx2-UckFTwEpXZwuSWSc4b2f8z0JAF1F/view?usp=sharing) - Unzip the downloaded file
- Place the
vuer_doc_assetsfolder alongside the project directory and rename it toassets.
```
parent_directory/
βββ vuer/ # This project
β βββ docs/
β βββ vuer/
β βββ README.md
βββ assets/ # Downloaded assets folder
```
- Run the examples:
```bash
cd docs/examples/meshes
python mesh_loading.py
```
Development
Setup
Using uv (recommended):
```bash
uv sync --group dev
source .v
More from this repository6
Demonstrates and provides executable code samples showcasing various Vuer visualization capabilities across different use cases like 3D mesh loading, robotics scenes, and interactive rendering.
Defines and manages reusable, declarative UI components for creating interactive 3D visualizations in Vuer's event-driven rendering system.
Enables extended reality (XR) interactions and rendering for 3D visualizations, supporting immersive VR/AR experiences within the Vuer framework.
Manages and handles event interactions and routing for dynamic 3D visualizations within the Vuer framework, enabling responsive user interface and scene manipulation.
Manages WebSocket server connections and handles real-time event-driven communication for rendering interactive 3D visualizations in the Vuer framework.
Manages WebSocket client connections and handles real-time communication for rendering interactive 3D visualizations in the Vuer framework.