voxelkloudBack to the project

DOCS / PACKAGE GUIDE

@voxelkloud/vue
Thin Vue 3 wrapper

The Vue binding mirrors the React API so the two adapters stay aligned while the renderer stays shared.

npm install @voxelkloud/vue threepublic

Minimal mount

Drop the viewer into a template, point it at a URL, and let Vue own the component lifecycle.

import { PointCloudViewer } from '@voxelkloud/vue'

<PointCloudViewer
  url="/pointclouds/autzen/"
  :lod="{ targetScreenError: 1.35, pointBudget: 3000000 }"
/>

Why the surface matches

The React and Vue bindings stay close on purpose so app code can move between them without learning a second renderer API.

  • The same `lod` shape reaches the shared view package.
  • The component wrapper only manages framework lifecycle.
  • The renderer logic does not fork per framework.

Related guides