A declarative, type-safe 3D framework for Svelte powered by Three.js, with built-in physics and animation.
Threlte is a 3D framework built for Svelte that enables developers to create interactive 3D web applications with a declarative and type-safe API. It leverages Three.js for rendering, Rapier for physics, and Theatre.js for animations, providing a comprehensive toolkit for modern web-based 3D experiences.
Svelte developers looking to build interactive 3D visualizations, games, simulations, or immersive web experiences without leaving the Svelte ecosystem.
Developers choose Threlte for its seamless integration with Svelte's reactive paradigm, offering a more intuitive and productive alternative to raw Three.js while maintaining full access to low-level controls and extensibility.
3D framework for Svelte
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Exposes all Three.js objects as reactive Svelte components, making 3D code intuitive and type-safe, as emphasized in the README's 'Clean API' feature.
Integrates physics via Rapier, animations via Theatre.js, and GLTF processing through modular packages, providing a full-stack solution for interactive 3D apps.
Supports custom plugins to extend functionality, allowing developers to add bespoke logic without modifying core library code, as highlighted in the features.
Simplifies user input handling on 3D objects with Svelte-native events, reducing boilerplate for interactive scenes compared to raw Three.js.
Tightly coupled with Svelte, making migration to other frameworks difficult and limiting its use in projects not committed to Svelte.
Requires proficiency in both Svelte and Three.js concepts, which can be overwhelming for developers new to 3D graphics, despite the declarative API.
Has fewer tutorials, examples, and third-party integrations compared to alternatives like React Three Fiber, potentially slowing down problem-solving.