Getting Started

Introduction

Threlte brings Three.js to Svelte in a declarative and state-driven way. It provides strictly typed components for deep reactivity and interactivity out-of-the-box.

Threlte is split into distinct packages so you can import only what you need:

• @threlte/core provides simple, transparent Svelte binding to Three.js:

  • <T> is the main building block of any Threlte application. It is a thin, declarative wrapper for any Three.js class.

  • Plugins extend behavior for <T> components.

• @threlte/extras is a collection of plugins and components that add additional functionality.

• @threlte/gltf is a command-line tool that turns GLTF assets into declarative and re-usable Threlte components.

• @threlte/rapier provides components to enable performant physics in your Threlte application through the Rapier engine.

• @threlte/theatre provides components to enable animations in your Threlte application through the Theatre.js animation library.

• @threlte/xr provides components for VR and AR.

• @threlte/flex provides components to easily use the flex engine yoga-layout with Threlte.