vue3d

Easily view interactive 3d models in any vue app.

Setup

1. Install @reidjs/vue3d

npm i @reidjs/vue3d

1. Import the ModelViewer component

<script setup>
    import { ModelViewer } from "@reidjs/vue3d"
</script>

<template>
    <ModelViewer src="/plant.glb" auto-rotate camera-controls></ModelViewer>
<template>

Docs

This package wraps google's model-viewer with vue, so refer to their docs for usage.

Local development

Install issue to install google model viewer you need: "@google/model-viewer": "^3.1.1", "three": "^0.151.2", in package.json

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Lint with ESLint

npm run lint