Threlte

Create an Immersive Product Configurator with Threlte, Grischa Erbe — Svelte Summit Spring 2025 YouTube video by Svelte Society

A new talk from Svelte Summit Spring 2025 is now available —Create an Immersive Product Configurator with Threlte, by Grischa Erbe, @threlte.xyz
www.youtube.com/watch?v=Rzp6...

Thanks 🤗 It's been a pleasure to meet so many passionate people!

Interview for an upcoming tech documentary by @techdocu.bsky.social & @cultrepo.bsky.social 👀

Threlte ist just constantly blowing my mind

See you there!

If you've been waiting for the perfect time to buy your ticket, this is it! See you at the Svelte Summit :)

Get ready for some Threlte ✨

Tune in tomorrow for some magic 🪄 👀

Tune in to "This Week In Svelte" coming Friday 17:30 CEST :)

discord.gg/dJJ8gNvF?eve...

For discoverability reasons and because I obviously don’t know how to bsky, here are relevant related accounts: @svelte.dev & @threejs.org ❤️

If this takes away *some* attention from you-know-what, i consider this a success 😬

Built by You ❤️

Thanks to our amazing community for shaping this release. We can't wait to see what you create with Threlte 8. Go build something awesome!

9/9

Threlte Threlte – Rapidly build interactive 3D apps for the web

Ready to Upgrade? 🪄

Check the migration guide for breaking changes: threlte.xyz/docs/learn/a...

Need help? Hop on our Discord: chat.threlte.xyz

8/9

Threlte Threlte – Rapidly build interactive 3D apps for the web

Introducing Threlte Studio ✨

The alpha release of the Threlte Studio brings in-browser visual editing with auto-sync to your code. This is in interactive guide that will get you started: threlte.xyz/docs/referen...

7/9

Threlte 8 is WebGPU-ready 🔥

Easily adopt WebGPU and explore TSL shaders. Here's an example: threlte.xyz/docs/learn/a...

6/9

Thanks to the advanced task scheduler the physics package `@threlte/rapier` now offers predictable physics using a fixed framerate, check it out: threlte.xyz/docs/referen...

5/9

Threlte Threlte – Rapidly build interactive 3D apps for the web

At the heart of Threlte is a single component: `<T>`. Now it supports custom types for props and event handlers to make Threlte plugins even more powerful. Here's an example: threlte.xyz/docs/referen...

4/9

Threlte Threlte – Rapidly build interactive 3D apps for the web

New toys in `@threlte/extras` 💅

Explore components like `<AsciiRenderer>`, `<CubeCamera>`, `<HUD>`, `<Detailed>` and more: threlte.xyz/docs/referen...

3/9

Svelte 5 Support 💯

In this post we share some of the highlights of Threlte 8.

`@threlte/core` has been pretty much rewritten, for example to align its API with Svelte 5's new event system and to make use of granular prop updates 🚀

2/9

Threlte 8 is Here! 🤗

Six months in the making, Threlte 8 redefines performance, flexibility, and developer experience for 3D web graphics using Svelte. It’s our biggest leap yet, powered by Svelte 5, exciting updates from Three.js, and tons of community input.

1/9

GitHub - jayasio/colormatch: A color matching game built over the weekends*. Aims to familiarize players with the RGB color model using 3D space. A color matching game built over the weekends*. Aims to familiarize players with the RGB color model using 3D space. - jayasio/colormatch

Built with Svelte and Threlte. Source code: github.com/jayasio/colo...

#web #svelte #threlte #runed #threejs

demo_positioning-things - StackBlitz A series of examples on how to programmatically position objects in your scene.

I spend a lot of time making little 3D scenes for fun that require different ways of positioning objects, so I wanted to collect and share a reference for some quick ways that I typically handle that with utility fns. 🧵 (0/7)

#svelte #threlte #threejs

code: stackblitz.com/edit/demo-po...

Built an WS2182 LED matrix generator using Threlte..

Svelte/Threlte for custom CAD pipelines is really next level.

led-matrix-five.vercel.app

Day 6 — we now have modern state-based Spring and Tween classes for adding motion to your UI, replacing the `spring`/`tweened` stores of old. Smooth!

🎁 tutorial svelte.dev/tutorial/sve...
🎁 docs svelte.dev/docs/svelte/...
🎁 demo svelte.dev/playground/8...

So many cool features getting into @threlte.xyz next branch almost daily. Spotted the new drop-in <AsciiRenderer /> component by @joshwashywash.bsky.social

It's that easy!

demo: stackblitz.com/edit/demo-as...

#svelte #threlte #threejs

If you are a @svelte.dev developer, you can now use @threlte.xyz v8 to use WebGPU with @threejs.org r171 with zero config. SvelteKit works too. Examples and details are available here: github.com/verekia/thre...

Oh neat, thanks for putting that together! What do you think about adding Threlte to the mix? 👀

What were the issues you encountered? There's a version of Threlte that is compatible with Svelte 5 – currently tagged as `@next`. Feel free to tag me when you give it a try or join our Discord server 👍

The Sims vibes ❤️

North Star by Rich Harris As a child, the speaker was fascinated with space and finding direction. Svelte is an HTML-first approach to web development that simplifies tasks and offers efficient reactivity. The speaker reflects...

last week i gave a talk at @jsnation.gitnation.org about the past, present and future of @svelte.dev. it was in a planetarium so i made a scientifically accurate(ish) starmap in @threlte.xyz; some of the most elaborate and unnecessary talk prep procrastination i've done gitnation.com/contents/sve...