threlte - A 3D framework for the web. Built on top of Svelte and Three.js.

Rapidly Build Interactive 3D Apps for the Web

Threlte is a Svelte library that simplifies creating 3D apps for the web. It provides a declarative, type-safe, reactive and interactive API out-of-the-box.

Threlte's 3D rendering is powered by Three.js, and it also provides a physics engine through Rapier and an animation studio via Theatre.js; see packages for details.

Check out our documentation and our Discord community.

Quickstart

Installation

Check out the installation instructions.

Tutorial

To get a hang of the basics, we recommend following our introductory tutorial.

Support

Have questions? Feel free to ask in our Discord support forum.

Features

Clean API transparently exposing all Three.js objects through declarative API.
Hooks providing easy access to low-level contexts like animation frames and the rendering engine.
Plugins making it easy to extend Threlte with custom code and logic.
Events enabling robust and Svelte-native access to state transformations in your scenes.
Interactivity makes it easy to react to user inputs on 3D objects.

Packages

Threlte is comprised of six distinct packages to allow you to import only what you need:

@threlte/core provides declarative and transparent Svelte binding to Three.js.
@threlte/extras boosts productivity with assorted enhancements that extend Threlte's functionality.
@threlte/gltf gives you a CLI to that turn GLTF assets into declarative and reusable Threlte components.
@threlte/rapier enables performant physics in your Threlte app through the Rapier engine
@threlte/theatre lets you animate in your Threlte app through the Theatre.js studio
@threlte/xr** - components and hooks for VR and AR environments
@threlte/flex** - components to easily use the flex engine yoga-layout with Threlte.

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

Filing Issues - if you have feature requestions or you think you spotted a bug, submit an issue.
Contributing Code - if you would like to drop us a PR, read the contribution guide first.