dhivinx / xeokit-integration-examples

xeokit-integration-examples

⚠️ Work in progress!

The repository is a collection of practical examples of integration and use of the xeokit library in various contexts. The xeokit library is a powerful tool for rendering interactive 3D visualizations in web browsers, enabling developers to create advanced interactions in a 3D environment.

This repository contains various examples of using xeokit-bim-viewer in practice. From simple static object rendering demos to more advanced interactive 3D applications, you'll find a rich collection of scenarios to help you better understand the capabilities and potential of this library.

Thanks to the provided examples, you will be able to experiment, test and adapt the functionality of xeokit to your needs. Each example is carefully documented, making it easy to understand the code and quickly implement it in your own project.

Examples

• HTML - example of use viewer in plain JavaScript and HTML
• Vue - example of use viewer in the Vue framework
• Nuxt - example of use viewer in the Nuxt framework
• React (soon)
• Svelte (soon)

Prerequisites

1. Node
2. pnpm

Quick start

Preparation

Clone the repository

git clone https://github.com/xeokit/xeokit-integration-examples
cd xeokit-integration-examples

Install dependencies

pnpm install

Run any example in development environment

HTML example:

pnpm dev-html

Vue example:

pnpm dev-vue

Nuxt example:

pnpm dev-nuxt