Dash Model Viewer - Embed interactive 3D (AR) models directly into your Dash applications

  • This project is dependent on dash==3.0.3 will fix this in a future update to expand dash framework support

Embed interactive 3D models directly into your Dash applications with Augmented Reality (AR) support.

dash-model-viewer is a Dash component library that wraps Google’s <model-viewer> web component, allowing you to easily display and interact with 3D models (.glb, .gltf) within your Python Dash dashboards.

Key Features:

  • Simple 3D Model Display: Easily load and display 3D models from URLs.
  • Interactive Controls: Built-in camera controls (orbit, pan, zoom) and customizable interaction options.
  • Augmented Reality (AR): View models in your physical space on supported devices using WebXR.
  • Annotations & Hotspots: Define interactive points on your model to display information or trigger actions.
  • Dynamic Updates: Change model source, camera views, hotspots, and other properties dynamically using Dash callbacks.
  • Customization: Control appearance, lighting, AR behavior, and more through component properties.
  • Client-Side Interaction: Extend functionality with custom JavaScript for complex interactions like dynamic dimensions or interactive hotspot placement.

Github Link :star:: GitHub - pip-install-python/dash-model-viewer: Dash component library that wraps Google's `<model-viewer>` web component, allowing you to easily display and interact with 3D models (.glb, .gltf) within your Python Dash dashboards.

Built for Dash 3

Installation:
pip install dash-model-viewer

Looking for developers to join and contribute to this project :slight_smile: , check out the interactive documentation & star the repo to show support.

Cheers,
Pip

5 Likes