Drie is a Vue 3 component library that allows developers to add 3D rendering to their web applications using the
three.js library. It's written in TypeScript and uses the Composition API.
Drie allows for an intuitive and declarative approach to building complex 3D scenes and integrating them into existing and new Vue projects. As a result, Drie aims to be the go-to choice for building 3D web applications with Vue and three.js.
To start using Drie, see the Getting started page.
Use mouse or touch to rotate the scene. This example illustrates capabilities of Drie.
Drie implements components for the common three.js classes. Some additional features not directly implemented in three.js are available as well.
Notable features include: