TresJS

Create awesome 3D experiences declaratively with @vuejs components. Discord

[TresJS @tresjs_dev]

Announcing TresJS v5.0 🎉

Our proudest release so far. Declarative @threejs for @vuejs gets a major upgrade:

✨ WebGPU experimental support
🛠️ New create-tres CLI tool
⚡ Re-imagined context
🔧 Refactored composables

Ready to build the future of 3D on the web?

[Alvaro アルバロ @alvarosabu]

I added waves to my game 🌊. The trick is basically a radial geometry for the ocean, with more density around the player for better vertex displacement, and then all the TSL shenanigans for the foam.

And character floats with the waves 😛

[Alvaro アルバロ @alvarosabu]

I’m absolutely thrilled to talk at @vuefes this year about how I ported the VueFes Japan website visuals with the Suminagashi shader to @tresjs_dev and WebGPU.

Who I’m gonna meet there? Say hi!👋🏻

[TresJS @tresjs_dev]

Let's GOOOOOOOO

[Alvaro アルバロ @alvarosabu]

🎉 @tresjs_dev Labs has a brand new redesign!

Pick an experiment from the sidebar and it runs live right next to it. Read how it's built and jump to the code below each one.

Inspired by @pmndrs beautiful demo showcase 🫶

Check it out https://t.co/85NpV90d5R

[Alvaro アルバロ @alvarosabu]

Preparing my slides for @vuefes Japan 2026.

Trying to make it as visual and interactive as possible with @tresjs_dev and @Slidevjs ✌️. I want my talk to be enjoyable to the audience. 😊

[MoonDust @MoonDustFarms]

@tresjs_dev @pmndrs Glyph support made it in. Congrats on a big summer, Tres team.

[TresJS @tresjs_dev]

The Loop Chronicles - Summer 26 recap is out on the wild🏝️

We found some time between 🏖️ to deliver some stuff:

Portals in TresJS, a new `tres` CLI, declarative instancing, @pmndrs Glyph text support WebGPU and a stack of fixes across ecosystem.

https://t.co/FBH6kSMa3T

[Alvaro アルバロ @alvarosabu]

This is a really cool way to showcase dark mode support for component docs 🕶️

I really like the effect. New @tresjs_dev package coming soon.

[TresJS @tresjs_dev]

@MoonDustFarms @pmndrs @threejsconf Yes

[TresJS @tresjs_dev]

Not even Pitbulll managed to bring a collab like this. 😎

[Alvaro アルバロ @alvarosabu]

A collaboration for the history books 📚, literally. We partner with our friends at @pmndrs to release official @tresjs_dev support for their awesome glyph package:

A typography engine for web graphics with webgpu

Check out the demo here 👇🏻

https://t.co/vibrwHaslj

[TresJS @tresjs_dev]

OMG this game is SOOOOOO CUTEEEEE 🐝 😍

@zernonia do we have your blessing to showcase it on the main Tres website?

[Zernonia @zernonia]

Saw many games created recently, decided to make one for myself. A cozy little bee game 🐝

Fly across a hex island, gather nectar, befriend wild bees, build a humming hive… and find out what's past the mist.

Built with @nuxt_js + @tresjs_dev, @claudeai Opus 5.5.

[TresJS @tresjs_dev]

Where is Honour mode 😏?

[Alvaro アルバロ @alvarosabu]

The original inspiration are the portraits featured on @larianstudios Baldurs Gate 3 difficulty selection screen.

So I composed the scene models using @Blender, with @KayLousberg amazing characters and some made by myself to finally export them to use in @tresjs_dev

Animations done with @greensock

[TresJS @tresjs_dev]

Nuxt @nuxt_js and TresJS is the perfect combo for web games. Specially coming from someone as talented as @benjamincanac who managed to orchestrate so many cool features together. 👏

[Benjamin Canac @benjamincanac]

So it appears you can build 3D online games on @vercel

Avelune is a multiplayer world you dig up and build on, with proximity voice and an AI NPC you can talk to.

Built with @nuxt_js, @threejs, @tresjs_dev and @aisdk.

https://t.co/yOYoL1KcA9

[TresJS @tresjs_dev]

Yeiiiii Glyph is out!!! 🎉🎉🎉🎉🎉

[Poimandres @pmndrs]

✨ Glyph v0.1.0 coming out party ✨

The typography engine for the web. Finally, text that looks like it came from a native app in your web pipeline.

��� gpu-first with batched drawing and incremental updates
→ bitmap, mtsdf and slug in one engine
→ correct multilingual text, shaping, bidi, cjk, ligatures, font fallback
→ paragraphs that wrap, justify, flow around shapes and 3d objects
→ one font pipeline for three.js, R3F, typegpu or your own renderer

https://t.co/vrro0Livn4

[TresJS @tresjs_dev]

A Vampire Lord, or Raphael, definitely Raphael

[Alvaro アルバロ @alvarosabu]

Update on my RPG Portals demo @tresjs_dev , I added a second dungeon scene for the Balanced difficulty option. Don't wake the undead 💀

I love the effect. Added some volumetric fog to give that crypt mood.

What do you think? What should i do for the Tactician difficulty?

[Alvaro アルバロ @alvarosabu]

New video drop! 📽️

Before touching a line of code, I picked up a block of clay 🤓. You never imagine learning @tresjs_dev object transforms (@threejs + @vuejs ) in a cinematic way.

Declarative position, rotation and scale via props.

https://t.co/ajGHu1iNDU

[TresJS @tresjs_dev]

@pmndrs @threejsconf 😍

[TresJS @tresjs_dev]

@vladkrutenyuk Thank you! 🤩

[TresJS @tresjs_dev]

🎉 TresJS 5.9 is out!

• MeshPortalMaterial: render a whole scene through a mesh, perspective-correct
• Instances + Merged: thousands of copies, one drawcall
• Refractor: real-time glass
• RoundedPlane
• Reactive isWebGPU flag

https://t.co/2BMGj3SzFI

#threejs #vuejs

[TresJS @tresjs_dev]

@Aish2004Gupta That’s so cool, how do achieve that 😱

[TresJS @tresjs_dev]

I'm not your pet 😡

[Alvaro アルバロ @alvarosabu]

I have a new pet for Codex 🫢