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?

[Adel Bucetta @adelbucetta]

@alvarosabu @tresjs_dev @nuxt_js nobody talks about the post-processing bottleneck, but demo-heavy docs like these might just blow it wide open

[TresJS @tresjs_dev]

Docs like chef kiss 😗

[Alvaro アルバロ @alvarosabu]

New post-processing docs for @tresjs_dev are live now! ✨

Built with @nuxt_js and Nuxt UI, they’re LLM‑ready and packed with demos and effects so you can copy, paste, tweak and learn fast.

Check them out and tell me what you build with them 👇

[Alvaro アルバロ @alvarosabu]

Part 2 of Build a Porsche 911 car showcase with Vue and @tresjs_dev is out!

We take the Porsche showcase from "working" to "showroom" by tuning the car's materials for that reflective, polished paint, and building a custom GLSL shader for the gradient backdrop.

Full video 👇🏻

[Alvaro アルバロ @alvarosabu]

<Decal /> is finally coming to @tresjs_dev 😎

[Damien @dammontastier]

Decals weren't a thing in @tresjs_dev — so I built it.

`<Decal>` + an editable debug UI to place them visually in your scene.

Coming soon 💚

[Alvaro アルバロ @alvarosabu]

Against all odds, seems like @tresjs_dev is more popular than ever ☺️.

More than 1.75 M downloads in total 🥹

Always bet on @vuejs

[TresJS @tresjs_dev]

Decal component is coming to Tres thanks to @dammontastier

[Damien @dammontastier]

Decals weren't a thing in @tresjs_dev — so I built it.

`<Decal>` + an editable debug UI to place them visually in your scene.

Coming soon 💚

[Alvaro アルバロ @alvarosabu]

Gamedev UIs with @nuxt_js UI is incredible fun. 😛

[Alvaro アルバロ @alvarosabu]

Remember the 3D Porsche Carrera 911 showcase from the @tresjs_dev lab? 🤔

I created a video on my Youtube channel to show you how to build your own with @vuejs

Link in the thread 👇🏻

[Alvaro アルバロ @alvarosabu]

@josefelix_zara @vuefes @tresjs_dev @threejs As a base layer yes. But Fractal Brownian Motion (fBm) is a composition technique, ou sum multiple octaves of noise (often Perlin, Simplex, or similar)

Perlin noise at base frequency + Perlin at 2× frequency / 2 amplitude + Perlin at 4× frequency / 4 amplitude …

[Alvaro アルバロ @alvarosabu]

When @vuefes Japan launched their 2025's website, I felt in love with the visuals and the suminagashi-like shader inside the Hinomaru😍

So I had a lot of fun porting it to @tresjs_dev and @threejs TSL shading language.

More info about the technique and link below 👇

[Sybren @Carwack]

Thank you @alvarosabu 💚
I got to render this 3rd Bulbasaur with just a few lines thanks to @tresjs_dev.
I just created the TresCanvas with a GLTFModel component from Cientos with the path prop pointing to an url of the .glb model 🙏
Should I now start to learn more about 3D?

[🦋 @jaimebboyjt.bsky.social 🇬🇧 🇻🇪 🇮🇹 @jaimebboyjt]

Grating diffraction! So I found this book serie: https://t.co/BE6AjV5pue (which is free) from #nvidia, is a little old but I am having fun reading it and trying to apply some examples using #threejs. As always with @tresjs_dev

[🦋 @jaimebboyjt.bsky.social 🇬🇧 🇻🇪 🇮🇹 @jaimebboyjt]

Applying Texture bombing as decals, learning this technique. As usual with @tresjs_dev. #threejs + #vuejs

[Harlan Wilton @harlan_zw]

I'm part of the Nuxt core team. Recently, I've had a few people ask me what it's like to work at Vercel.

I work for myself. I fund my Nuxt work through GitHub sponsors and Nuxt SEO Pro.

If a corp does want to hire me to work on open-source / Nuxt, reach out.

[Harlan Wilton @harlan_zw]

🎨 Refreshed Site & DevTools

I'll let you explore these without spoilers.

Special shoutout to @tresjs_dev.

https://t.co/QbxZ3iImiW

[TresJS @tresjs_dev]

So Tetris meets Physics eh! sounds awesome

[Francisco Hermida PRO @FranciscoHPro]

QWOP meets Tetris… but multiplayer and physics-based

Play it here:
https://t.co/purd7ldJH6
Built with @CloudflareDev Agents @threejs @vuejs @tresjs_dev

Follow @mydreamgame for updates
#vibejam

[Francisco Hermida PRO @FranciscoHPro]

Added multiplayer with @CloudflareDev Durable Objects. Surprised by how well it worked out.

Playable link soon:
#vibejam @vuejs @threejs @tresjs_dev

[Alvaro アルバロ @alvarosabu]

😏 look at those tres-vfx particles @mustache_dev @verekia , in-love with the library 🫶

[Alvaro アルバロ @alvarosabu]

Have you ever wondered how games like Divinity: Original Sin 2 or Baldur’s Gate 3 create those ethereal ghost/spectral effects? 👻

I wrote a short breakdown on building a ghost shader with Three.js TSL (WebGPU), using a Fresnel-based rim glow, emissive cyan light and bloom:

https://t.co/oBnThCcaDA