Threlte screenshot

Threlte

Author Avatar Theme by Threlte
Updated: 12 May 2025
2895 Stars

3D framework for Svelte

Overview

Threlte is a Svelte library that makes it easier to create 3D apps for the web. It offers a declarative, type-safe, reactive, and interactive API. Threlte utilizes Three.js for 3D rendering, Rapier for physics engine, and Theatre.js for animation studio. The library consists of several packages that provide different functionalities. Threlte also has documentation and a Discord community for support.

Features

  • Clean API: Threlte provides a transparent API that exposes all Three.js objects through a declarative approach.
  • Hooks: It offers hooks that grant easy access to low-level contexts such as animation frames and the rendering engine.
  • Plugins: Threlte allows users to extend its functionality with custom code and logic through plugins.
  • Events: The library enables robust and Svelte-native access to state transformations in scenes through events.
  • Interactivity: Threlte makes it simple to react to user inputs on 3D objects.

Installation

To quickly set up a Threlte project, run the following code:

npm install threlte

For more detailed installation instructions, refer to the full installation guide.

Summary

Threlte is a Svelte library designed for creating interactive 3D apps for the web. It offers a clean API, hooks for low-level access, plugins for customization, events for state transformations, and interactivity with user inputs. Threlte utilizes Three.js for 3D rendering, Rapier for physics engine, and Theatre.js for animation studio. The library is divided into several packages, and it provides documentation and a Discord community for support.