Create awesome 3D experiences declaratively with @vuejs components. Discord discord.gg/UCr96AQmWn
WebGL
- Tweets 753
- Following 115
- Followers 3,765
- Likes 1,163
We're happy to finally announce the official Nuxt Module for TresJS 🎉🥳
Special thanks to @danielcroe and @nuxt_js team for making it possible
😊 Now you can enjoy the Nuxt DX Magic on the Tres ecosystem 🧙♀️
Official announcement #Do3DwithNuxt
tresjs.org/blog/announcing-t…
5
66
394
46,474
We went crazy 🤯 and added +13 new effects to @tresjs/post-processing v2.1!
- Barrel Blur Effect
- Chromatic Aberration
- Watercolor
- Scanline
And more!
Big shoutout to @ichbintino and @dammontastier for making this happen (Video by also Damien)
3
27
355
25,525
1 year ago, we started the journey of TresJS to bring the @vuejs community closer to building 3D on the browser.
Today we are launching a new interactive website to celebrate 🎉🎂
tresjs.org/ made with Tres + @astrodotbuild
4
30
231
44,412
The first game ever done with TresJS is here!!! 🥳
The Aviator - by @enpitsulin
Inspired by "The Making of 'The Aviator': Animating a Basic 3D Scene with Three.js", by @yakudoo tutorial
Amazing work!! Give it some love 🧡tres-the-aviator.enpitsulin.… #Do3DWithVue
9
43
234
111,473
The TresJS community is creating the craziest showcases using #vue for 3D.
Today, we are been transported to the 80's synthwave vibes 🌆 with this procedural landscape done by Andretchen0
Give him some love 🧡playground.tresjs.org/experi…
1
21
134
21,485
We are thrilled to finally announce the stable version v2.0.0 of TresJS 🎉🎉🎉🎉
After a lot of work from the core team and our contributors, we finally went open-source at @VueJSLive
Build with us. github.com/Tresjs/tres
#Do3DwithVue #TresJS
2
22
120
34,162
New exciting stuff is coming to the post-processing 📦
Chromatic Aberration
Thanks to @dammontastier 😊
2
11
115
5,573
We are honored to be featured by @vuejs as the WebGL solution for vue devs.
Let's build 3D together 😊
Vue is not just for SPAs. It can be used in many different ways to support different use cases:
vuejs.org/guide/extras/ways-…
1
9
115
9,163
OMMMMMGGGG WE AREEEE PUUUUBLIIIIIIC 🤯
Woo-hoo, @tresjs_dev is finally open source! 🎊
Feel free to contribute and have fun fiddling with it in your personal projects! 💚🖤💛
PS: what a journey to make a repo public on Github... 😂
6
96
52,788
It's finally here! The v4 of the core is released 🥳🎉
- on-demand rendering
- new useLoop bound to state
- Pointer events with event bubbling 🫧
- primitives reactive obj and conditional rendering
- Better disposal of resources
The list is on the blog post below 👇🏻
1
10
82
16,530
Announcing v2.1.0 🎉
- Vue 3.3.4 💚
- Tres component Inherit types from THREE 🤓
- ESM first export types
- Improved HMR
- Contact Shadows
- Enhanced OrbitControls
- Precipitation Abstraction
- More
Check all that's hot here🔥
tresjs.org/blog/announcing-v…
2
9
70
12,320
Are you ready to choose your character for @vuejsamsterdam ?
Should we start a campaign with an Artificer, a Druid, or maybe a Joyful @storyblok Paladin?
Roll the dice.
Done with TresJS (@vuejs + @threejs) and @nuxt_js
#create3DgamesWithNuxt
7
12
69
6,573
This is the project I was so excited about sharing. 🤩
Dream collab with @ViteConf and @patak_dev to build a 3D Pyraminx Puzzle with @tresjs_dev, and @stackblitz WebContainers.
The cool part? If you click Code! You can program your own solver for the puzzle 🤓.
1
2
57
3,022
Vue Devtoools is back!!! 🥳 New release of Tres core v3.1.0
A massive thank you to @enpitsulin for fixing @vuejs devtools when using TresJS. This was broken since v2 and now you can check your scene on the tool again.
Read the full announcement here tresjs.org/blog/announcing-v…
1
8
53
2,934
我们非常高兴地宣布 TresJs 文档中文翻译已上线
We are happy to announce the official Chinese docs for Tres are live now 🥳 🇨🇳 docs.tresjs.org/zh/
Special thanks to @enpitsulin @xchaigl and all the team that contributed to making this happen.
#Do3DwithVue #tresjs
1
8
54
7,249
This is the roadmap for Tres in 2024 we shared yesterday at @vuejsnation
- v4 is coming with on-demand rendering
- DX focused (vue & nuxt devtools)
- Translated docs to Chinese, Spanish and more
- Post-processing
- XR
- Physics (rapier)
It's gonna be an exciting year ☺️.
3
6
49
2,886
Presenting TresJS Nuxt devtools 🔥
- Scene graph
- Performance
also in the v2 of the @nuxt_js module:
- import glsl shaders directly in your code
tresjs.org/blog/tres-nuxt-de…
8
52
3,660
After important consideration, the core team of Tres decided that we were gonna refactor the underline base of the library from @threejs to @babylonjs
It was a hard decision, but we trust this is gonna shape the future of 3D on Vue 💚
9
1
49
11,339
We just reached 2000 friends in this network 🤗.
Thanks a lot for the amazing support community 💚
3
46
1,570
Check out what the TresJS community is building:
This article by @nikuscs explains how to create a cool holographic 3D sticker with Tres with @vuejs and the same effect in R3F.
Give him some love 🧡
nikuscs.com/crafts/hybridly-…
1
6
41
4,381
New Release of cientos 📦 v3.4.0 🥳. Tons of new features:
- Lensflare 😍 by andretchen0
- Realistic outdoor scenes with <Sky />
- SVG by andretchen0
- StatsGL wrapper
- New live demos on docs cientos.tresjs.org/
...And more
Read all here tresjs.org/blog/announcing-c…
4
38
6,510
Who is excited about tomorrow's official release of the v4? 🚀
It has been several months of hard work that the team put into this one, we hope you like it.
We will do a live Release party 🎉🥳 tomorrow at 18:00 CET showcasing the new features and answering questions. Link 👇🏻
1
2
35
1,704
New profile pic. 😋
Who is excited to play DND on @nuxt_js for @vuejsamsterdam?
Coming soon.
2
4
38
1,901
New major release on the TresJS ecosystem 🎉🎉
- TresJS v3.0.0
- Cientos v3.0.0
Bye-bye useTres store, hello useTresContext 🤓 making life easier for package authors.
Huge shoutout to @ichbintino who made a massive amount of work for this release!
See tresjs.org/blog/announcing-v…
2
6
36
4,074
Brand new release of cientos 📦 3.5.0 is here!! 🎉
So many new cool abstractions that this release needs a thread to explain them all 😳
⬇️🧵
tresjs.org/blog/announcing-c…
3
5
36
8,602
Can you build 3D games with @nuxt_js ?
Maybe we can ask an Artificer, a Vampire, or a Druid 🤔
Coming soon... @vuejsamsterdam
2
3
36
2,833
To celebrate that `@tresjs/cientos` just passed the 100 ⭐️ on Github 🎉🥳
New release v3.2.0 📦
- Glass Material
- useVideoTexture
- CameraControls 🎥
- New Event isLocked for PointerLockControls
Check the full announcement here tresjs.org/blog/announcing-c…
7
36
2,885
The wait is over. Last big release of the year:
TresJS Post-processing is live 🪐🎉
Huge shoutout to @ichbintino for leading this package and andretchen0 for building all the cool demos
Official blog post and links on the thread 👇🏻
3
9
35
4,139
Get ready for some 3D magic 😎
It's #vuejsnation week!!🔥
We have many updates for you on the most exciting technologies in the @vuejs ecosystem!
✨ You'll get to learn about Pinia, @primevue, @FormKit, @tresjs_dev, @vitest_dev, @playwrightweb, @orkesio and much more! ✨
Join us!
addevent.com/event/Ns1948001…
1
3
34
1,628
🥹 Only 2 stars ⭐️ at github.com/Tresjs/tres to get to the mighty 300 hundred at @github
Wanna share some love with the contributors? #Do3DwithVue
3
3
34
4,584
Coming soon!
Starting 2025 strong thanks to Damien 🤯
Coming soon🔥 8 new post-processing effects for @tresjs_dev
— Barrel Blur 🌀
— Chromatic Aberration 🌈
— Hue & Saturation 📷
— Lens Distortion 🔍
— Scanline 📺
— Sepia 🌅
— Tilt Shift 🔍
— Tone Mapping 🎨
2
34
1,364
The new version for nuxt module v3.0.0 is now available 💚📦🚀🥳
- Update to core v4.
Enjoy all the new features of the recently released v4 on your @nuxt_js apps from today 😊
2
29
1,401
3D on Vue like never before 🔥
Makes me incredible happy to see more talks like @toddeTV unplugin gltf typing library for @threejs at @vuejsnation
He made it for his island @tresjs_dev web game. 💚. Hopefully this will encourage more @vuejs devs to make more games. 😍
Gltf to vue sfc next? 😏
33
1,471
We have so many updates lately that now we do announcements for the whole TresJS ecosystem 😅
What's new?
- core v3.5.0 📦
- cientos v3.6.0 🔥
- tres leches GUI for @vuejs 🍰 is soon to enter alpha.
Read more here 💚
tresjs.org/blog/tres-ecosyst…
2
2
30
4,646
A new example on the playground, the newest Tres Astro website inside an iPhone model, is completely interactive thanks to cientos HTML abstraction.
Check it out playground.tresjs.org/experi…
2
29
3,851
Soon 🇨🇳
We don't have anything new to announce on @tresjs_dev this week but look at this beauty:
👀 Chinese translations are coming.
@enpitsulin 💚
1
30
2,661
We are so proud to announce 2 new translations for the Tres docs:
- Bienvenue français. 🇫🇷
- Welkom Nederlanders 🇳🇱
Couldn't be more grateful for our community
Thank you 🙏🏻
2
3
30
2,516
Finally, it was about time 🕐
So, do you remember @tresjs/leches GUI controls for @vuejs 🍰?
I took some time to fix the API and got over-excited, now is resizable, collapsable, and draggable. 😅
It also has dark mode lol.
The cool thing is that is not bound to @tresjs_dev, you can use it on a vue app.
1
2
30
1,243
You can now start a new TresJS app in a blitz of an eye 😜 .Thank you @stackblitz for adding this template 💚
3️⃣ Build 3D scenes using @vuejs with @tresjs_dev.
Declarative ThreeJS is such a joy to play with!
💻 stackblitz.com/fork/github/s…
5
26
4,211
We just released v3.9.0 📦 of the Tresjs core
Probably the last version before v4.
Check the changelog here.
github.com/Tresjs/tres/relea…
5
27
1,775
New release on the Tres ecosystem:
cientos 📦 v2.2.0 🎉
- KeyboardControls + PointerLock to achieve a First Person camera moving using the keyboard cientos.tresjs.org/guide/con…
- useProgress wrapper for THREE.DefaultLoadingManager
- Fixed Orbitcontrol touches 📲
#Do3DwithVue
3
27
3,353
Only a weekend has passed since we announced and open-sourced #TresJS v2 last Friday at @VueJSLive and the support has been incredible 😱!
- 194 GitHub stars ⭐️ on the core repo github.com/Tresjs/tres
- 267+ Followers 🥹
Thanks a lot for all the love💛. Lets #Do3DWithVue
4
24
1,422
🤓
I had a blast hosting a live DnD session live on stage at @vuejsamsterdam this year with friends @TheAlexLichter @jacobandrewsky Daniel Roe
Create a 3D multiplayer game with @tresjs_dev and @nuxt_js ☺️
Thanks to the organizers and everyone that attended.
1
27
782
We love to see what the community builds with Tres. 💚
We often use @Slidevjs for our presentations because it's so easy to straightforward to add real 3D scenes to the slides
@Slidevjs and @tresjs_dev is a powerful presentation combo even with a simple scene! Monaco Runner makes live coding fun without the need for switching between tabs.
I had a chance to battle-test it at stats.code() event at @statscore!
2
26
2,557
Sweet mother of... 🤯
Update on the @tresjs_dev vue chrome devtools plugin.
- Now there is visual feedback when objects get inspected (highlight)
- Memory allocation was added to the scene graph
- You can edit the object properties directly 😛
Happy Christmas 🎄@vuejs community.
21
1,589
Is that what I think it is? 😍
So, I did a thing.
Official @tresjs_dev plugin for @vuejs chrome devtools coming soon.
It was about time. Dunno why I was so scared to try it, the API for plugin authors is fantastic.
25
1,201
We just updated the TresJS 🚀 starter repo to the latest versions, including pre-installed packages like cientos and tresleches 🍰 for GUI controls and debugging.
Start your TresJS journey here github.com/Tresjs/starter
2
25
1,816
Wow 🥹🤯
I'm so proud of this! ❤️
I successfully created interaction between characters and plants. 🌿✨
#CreativeAchievement #ProudMoment #webgl #threejsJourney #threejs #tresjs #gamedev #3d #3dgame #gsap
@nuxt_js @tresjs_dev @threejs @Blender @bruno_simon
@Andersonmancini @alvarosabu
1
1
22
1,841
We reached 1000 awesome humans in our TresJS community on this platform!
Grateful for all the support the library has received and how people are creating beautiful 3D scenes with @vuejs 😍
Thank you! #Do3DwithVue
1
4
24
1,768
To celebrate our tradition of releasing something new at @VueJSLive here we go
We just released the first release candidate of Tres V4.0.0-rc.0🎉🥳 📦
Check all that's coming here 👇🏻
github.com/Tresjs/tres/relea…
4
23
1,765
Did you know we are besties with Houston and @astrodotbuild and that integrating 3D with Vue inside Astro's islands is seamless?
Don't believe me? Check this out piped.video/0Lg9uAuhpG8
2
22
4,144
Summer is here 🏝️. But you know what else is here?
Cientos v4.0.0 🎉🥳
After ~3months of work, the compatible version is finally live:
New features on the down in the thread 🧵👇🏻
1
3
21
2,801
Wohoooooooo first course about TresJS is live at @eggheadio
Learn how to build 3D with Vue 💚
I'm thrilled to announce my very first course as @eggheadio instructor🥚🎉
"Create Interactive 3D Experiences with TresJS @tresjs_dev" 🪐
With each how to create a fully functional 3D Product Configurator with @vuejs and @threejs using the Tres ecosystem.
Ohh so excited!!!
There's a new version of this post
1
20
1,361
This is an incredible tool for the 3D web community, Congrats to the team behind it @_douges 👏🏻
▵ Triplex.dev 0.56.0 has been released with some great new features and choice bug fixes!
What’s Triplex? It’s an editor for React Three Fiber where YOUR code is the source of truth.
Learn more about this release below 🧵
#threejs #react #r3f #webgamedev
ALT Triplex, the React Three Fiber editor.
1
1
22
1,670
What's new on v3.7.0 of core 📦
- @vuejs chrome devtool inspector, you can now debug, inspect and edit your TresJS scene from the devtools 🙌🙌🙌
- native directives, look-at, v-distance-to
- new doc guide (load models, lights n shadows
Check all here tresjs.org/blog/what-is-new-…
2
21
3,973
We have a new release on Cientos 📦🔥 v2.3.0
ScrollControls abstraction is here 😍.
Now you can easily animate the camera and your objects to create a nice parallax effect, perfect for a 3D Portfolio.
Massive shoutout to @jaimebboyjt for making this!
cientos.tresjs.org/guide/con…
1
3
21
2,949
New version of @tresjs/core v2.2.0 just out of the hoven 🎉🔥
- Pointer events work even re-scaling the screen thanks to @ichbintino
- nodeOps are now free of composables, this could potentially fix most of the issues with cameras, raycasting, and HMR
github.com/Tresjs/tres/relea…
2
18
2,929
If you want to start with 3D and Vue you should totally use Francesco starters. 🔥
Fellow #threejs and #vuejs devs, I just published my brand new Vue3 + TresJS starter.
Check it out 👇
🎮 vue-tres-starter.vercel.app/
💻 github.com/kekkorider/vue-tr…
I set the repo as a template so that you can be up and running in a matter of minutes 😄
cc @tresjs_dev @alvarosabu
1
20
2,692
Thanks to Thorsten @toddeTV for introducing TresJS to new developers at Vue Prague 💚
You're awesome.
2
1
20
977
Sorry, @astrodotbuild tweet was so cool that we couldn't resist it 🫣
New official Tres playlist for the 3D win!
Official Astro playlist just dropped 🪩
ALT Spotify playlist named Astro by user Houston. Songs are "Are You Sure" by Aretha Franklin, "What You Wanted" by OneRepublic, "Was" by Maps & Atlases, "That Much" by Ra Ra Riot, "JavaScript" by The Thunder Rabbit, "It's Not That Complicated" by Loris Murray, "It's Just" by Ray & Remora, "A" by Thomas Farnon, "Simple Landing" by Yoga Playlist, "Page" by Ed Sheeran.
3
21
4,093
I think this is officially the first third-person game made with Tres 🤩.
How did you connect the character control to the Xbox controller? 🤯
Added character + movement tests 🪄
Next steps:
- adding plants + interaction
- switch camera (house <-> character)
- connect with Xbox controller
#threejs #threejsJourney #tresjs #webgl #nuxt
@tresjs_dev @threejs @nuxt_js @bruno_simon
3
21
2,497
And weeeee just reached the 500 milestones 🎉🎉. Thanks, everyone for all the love 💛
Lets build more 3D with #vuejs 😎
1
3
19
1,688
You can start enjoying the new version right with TresJS 😊
Three.js r154 released 🍲
threejs.org/examples/
threejs.org/editor/
threejs.org/docs/
threejs.org/playground/
threejs.org/changelog/?r154
3
20
1,938
We just woke up today with 700 followers and almost 400 ⭐️ on Github 🤯🥹
We're grateful to the community for the warm welcome and the love shared towards the TresJS ecosystem.
Let's make 3D shine on #vue
2
20
1,933
Get ready to get your hands on beautiful new shiny TresJS stickers just for @vuejsamsterdam!! 😜
Thanks to @timbenniks and his wife for the incredible quality craftsmanship 🙏 and attention to detail.
If you want quality stickers for your brand, make sure you contact him.
We made some fancy @tresjs_dev stickers for @vuejsamsterdam. High-quality stuff made in the French countryside. My wife's attention to detail is crazy, and she picked out a few different holographic overlays. This might become a business with discounts for open-source maintainers
2
2
18
1,357
Small but useful update on TresJS 2.4.0 📦
You can directly import the necessary options for the Vue template compiler in your vite.config.ts.
That way users don't need to add manually the custom elements. 😅
github.com/Tresjs/tres/relea…
Check why here
tresjs.org/guide/troubleshoo…
1
5
18
2,435
Thanks @antfu7 @kissu_io and @logto_io for making a difference and supporting OSS like this 🙏
You are truly awesome!
💖 This month, we redistributed our collective funds to @tseslint @unifiedjs @pnpmjs vis.js @tresjs_dev and SVGO, to thanks their amazing work!
🙏 Thanks to @logto_io, @kissu_io, and all the sponsors for making this possible!
👇 Full announcement:
opencollective.com/antfu/upd…
1
20
976
OHHHHHHHH YEAAAHHH BABY, it's on!!!! ✈️
#Angular
This inspired me to start on an Aviator-port to #AngularThree
Should I finish? 😅
1
16
1,284
It's hot 🔥 🥵
🔥Last up on the Frontend Nation 2024 Day 2 Virtual Stage:
Track1️⃣: @alvarosabu is revealing the hot new major version of @tresjs_dev, the Vue custom renderer for creating 3D experiences with Vue! 🤩
📺Tune in to join him now: frontendnation.vfairs.com/
#FrontendNation
17
994
We just released a new version of `@tresjs/cientos` v4.1 with a crazy amount of new stuff 🤯
- Align
- Billboard
- CubeCamera
- SoftShadows
- MeshDiscardMaterial
- Outline
- Mask
- Image
- gradientTexture
- ScreenSizer
- Edges by @dammontastier
- Lot of bug fixes 🐛
2
2
17
1,197
Someone told me you guys missed using @vue Devtools with TresJS after v2 🤭
Stay tuned for our next release soon. 😜
3
1
16
1,317
That's amazing @KhaledOghli 💚
Excited to share my upcoming project using @nuxt_js ,@tresjs_dev and @greensock 🎉
Currently a work in progress, this project explores the Renaissance, the age of awakening. I’m always fascinated by this era.
Excited to show you all the details soon!
What do you think & suggest?
#NuxtJS #TresJS #GSAP #Renaissance #WebDevelopment #Vue 💚#Web
2
17
1,026
Francesco just released and Tres starter so you can start creating 3D experiences with Vue as fast as Vite 😜.
Make sure you give him a big star ⭐️ on Github
Fellow #threejs and #vuejs devs, I just published my brand new Vue3 + TresJS starter.
Check it out 👇
🎮 vue-tres-starter.vercel.app/
💻 github.com/kekkorider/vue-tr…
I set the repo as a template so that you can be up and running in a matter of minutes 😄
cc @tresjs_dev @alvarosabu
4
16
2,685
Well deserved! Congratulations Stefano!
🏆 My new portfolio has been granted some awards on @cssdesignawards!
👨💻 Thanks to Lorenzo Bocchi for his design and branding and to all the people behind all the amazing techs that I used to build it: @nuxt_js @tailwindcss @storyblok @Netlify @greensock @threejs @tresjs_dev
1
1
16
1,401
We reached 1k ⭐️ on @github !!
So we did a scene to celebrate it.
Thanks to all the community for the support and to @luca_argentieri for being officially the # 1000 ⭐️
lab.tresjs.org/experiments/g…
3
16
2,486
Welcome to a new era of games made with @vuejs 😍
Do you have a gamepad? Connect it and enjoy better control! 🎮
The user will be able to adjust the character's speed using the joystick on the gamepad and adjust the sprint power by pressing the RT button.🚤
Now the user will be able to switch between the keyboard and Gamapad at any time. ⏲️
#threejs #tresjs #gamedev #gamedevelopment #web #nuxt #javascript #threejsJourney #webgl #creative #creativecoding #control #gamepad #gamecontrol @tresjs_dev @mrdoob
15
1,949
Agree, and if it's with @vuejs even better 😎
1
14
2,596
Looking forward for all the amazing shaders you will do with Tres
My second GLSL shader using tres. @vuejs + @threejs = @tresjs_dev & <3
Also shutout to @akella for teaching me so much about shaders <3
1
13
1,473
New recipe in the cookbook🧑🍳🍳
Check out how to use @greensock GSAP to animate 3D objects using TresJS
Author: @SmudaDennis
Link in the thread 👇
1
11
1,087
🔥 Angular Three is ON FIREEEE 🔥
Hopefully, we will have it eventually in TresJS 🥹
#angularthree
I finally got caustics reflection to work correctly with Angular Three 🫠. It might actually be easier with Signals 🤔
vid alt: 2 spheres and a diamond with caustics reflection effect along w/ transmission and refraction materials
1
3
13
1,035
Aiming for that comic-like style on your renders 😎?
Discover the Halftone effect on Tresjs post-processing under native three effects export
Check how to use it with the link on the thread 👇
1
2
14
601
🥹 TresJS is used on a rewarded site on Awwwards.
Goals ✅
So it's true, today marks my 10th Site of the Day on @awwwards 🥳
Infinite thanks to @StudioMalvah for letting me work on their brand-new house, I knew this would've been a blast 💣💣💣
P.S.
The preloader is powered by @threejs and @tresjs_dev
1
13
1,088
Angularthree team is doing a great job bringing the magic of 3D to #Angular Devs. Make sure you follow them
#angular #angularthree
🎉 v1.10.3 has been released 🎉
- New typings support for @code, @WebStormIDE , and @Neovim (documentation coming)
This will be the last minor version (1.10.x) that supports Angular v15 and below, with Observable-based API.
1
1
14
1,805
