Trending

#ReactThreeFiber

Latest posts tagged with #ReactThreeFiber on Bluesky

Latest Top
Trending

Posts tagged #ReactThreeFiber

Video

New website live with @ethanchiu10.bsky.social ✨🚀

The Monolith Project: An interactive web experience that tells the tale of the evolution of technology over time.

Also worked on the soundtrack :)

Visit here: themonolithproject.net

#novibecoding #threejs #reactthreefiber #gsap #webgl

3 1 1 0
Video

Had to take a day or two off, but we're back on our quick 48hr? project. We're moving!

#threejs
#reactthreefiber
#voxels
#react
#nextjs

2 0 0 0
Video

Making a little something in #threejs and #reactthreefiber for a quick 24hr? 48hr? challenge. It's nice when the MVPs are pleasant to look at.

5 0 0 0
Video

Web design isn’t only about layouts—it’s about how it feels when you scroll.
We renewed our top page with scroll animation, three.js, motion design, UX, and interactive web branding to create a memorable experience.
www.visualart.jp/en/

#ThreeJS #ReactThreeFiber #WebGL #3DWeb

0 0 0 0

Love the blend of Three.js, React Three Fiber, and GSAP — animation magic in the making! That explosion-on-scroll effect is definitely worth the extra effort to captivate users. Can’t wait to see more from the course! 🚀✨ #WebAnimation #ThreeJS #ReactThreeFiber #GSAP

0 0 0 0
Preview
Three.js Instances: Rendering Multiple Objects Simultaneously | Codrops Learn how to render thousands of 3D objects efficiently using instancing in React Three Fiber, as demonstrated in the performance-optimized basement.studio site.

You can learn how to render thousands of objects in one draw call using instancing with Three.js. All that performance with minimal CPU/GPU overhead. tympanus.net/codrops/2025...

#ThreeJS #ReactThreeFiber #WebGL #3DWeb

1 1 0 0
Video

Transform Your Real Estate Sales with a Custom 3D House Configurator!
#HomeConfigurator

#3DVisualization

#PrefabHomes

#ModularLiving

#RealEstateTech

#PropTech

#InteractiveDesign

#WebGL

#ReactThreeFiber

#ArchViz

#CustomHomeDesign

#SmartLiving

#FutureOfHousing

45 8 2 1
Post image

お疲れ様です。

ロブロックスってやってますか?
”オビ”という名のつく、アスレをクリアしながらどんどん上に上がっていくワールドが人気みたいですね。
最も長い・・オビ、やってるけどムズ

うちのメタバースにはそんな空間ないから(あるといえばあるが)、作ってみたいなって思う。ジャンプしながらほっそーい道?斜めな道?進んでいくの。

5分でできるメタバースは👇
CYZY SPACE「https://cyzyspace.io」

#ロブロックス
#メタバース
#バーチャル空間
#r3f #reactthreefiber
#3dweb
#企業公式がお疲れ様を言い合う
#企業公式春のフォロー祭り

5 0 0 0
Video

For my #webdeveloper homies & #threejs #coders interested in the #tech behind this, it's all #frontend using #javascript for the #landingpage #webanimation. 🤓 Really enjoyed playing with #reactthreefiber to build the #3D spheres, #cannonjs for the #interactive #physics & the beautiful #lighting

5 1 0 0
Video

Bring realistic water effects to your 3D scenes! 🌊✨ R3F WaterSurface is a powerful tool for creating dynamic, interactive water with React Three Fiber.

Check it out:
threejsresources.com/tool/r3f-wat...

#Threejs #WebGL #ReactThreeFiber #3d #r3f #webgpu

3 0 0 0
Preview
Create 3D Web Animations with THREE.js Create interactive 3D web animations using React Three Fiber and Framer Motion. Build an animated 3D pizza with detailed guidance and creativity tips

Just dropped a new blog post! 🍕 We're diving deep into animating a 3D pizza using THREE.js (React Three Fiber) & Framer Motion. Let's get cheesy!

blog.devmansam.net/making-your-...

#100Devs #react #reactthreefiber #framermotion #3danimation #javascript #coding #tech #webdev #techblog #blog

11 2 2 0
Video

🛡️ Les tours de défense sont en place et fonctionnelles !
🧟‍♂️ Les premiers zombies attaquent déjà, et ils ne plaisantent pas !
Par contre c'est très brouillon 😱
#GameDev #IndieDev #TowerDefense #Threejs #ReactThreeFiber #IndieGame

5 0 0 0
Three.js Roadmap – Learn 3D Web DevelopmentFacebookXInstagramToggle Menu

I'm excited to finally announce my first course in the making: Three.js Roadmap! 🚀

Join the waiting list and get 30% OFF your first purchase! 👇🏻
threejsroadmap.com

#threejs #reactthreefiber #webgl #webdev

5 1 0 0

6/ Bilan premiers tests d'implémentation 3D
✅ j'ai fais des tests sur la base 3D codée avec #ReactThreeFiber + Drei
✅ ✅ VERDICT : Le combo cheat-code ultime pour #threejs, super simple d'accès, très bien documenté... gros coup de ❤️

2 0 1 0

7/ 🔧 Prochaines étapes :

Je travaille sur une roadmap détaillée avec des estimations de temps pour chaque phase.

Tu en penses quoi ? Des idées ou suggestions ? 😊

#3D #AI #Blender #LangChain #ReactThreeFiber #Chatbot #WebDev #SideProject #ArtDeco #Tech

0 0 0 0

2/ 💡 L’idée :
Le projet est un « trophée » perso pour explorer des technos qui me passionnent :

- #Blender pour créer/modéliser en 3D
- #ReactThreeFiber pour l’intégration web
- #LangChain et l’API OpenAI pour l’IA conversationnelle

0 0 1 0
Post image

WNDR in progress

#threejs #reactthreefiber

2 0 0 0
Video

World exploration using portals ..

#art #threejs #reactthreefiber

0 0 0 0
Video

🛫 Mesh Transition Material - Master Smooth Color Transitions in React Three Fiber - Project Breakdown
by Anderson Mancini @andersonmancini.bsky.social
#ThreeJS
#ReactThreeFiber
#R3F
#WebDev

www.youtube.com/watch?v=CTih...

3 0 0 0
Video

✨ God of War mini game created with Threejs and React three fiber
by Anderson Mancini @andersonmancini.bsky.social
#minigame #ThreeJS #ReactThreeFiber #webdev

youtu.be/-szDI27dmeo?...

1 0 0 0
Video

🚀 New video alert!

I just published a detailed guide on using the free version of Mesh Transition Material on my YouTube channel! 🎥 This effect works on any object—not just cars. Check it out! 🌈
📺 Watch here: www.youtube.com/watch?v=CTih...

#ThreeJS #ReactThreeFiber #R3F #WebDev

12 2 0 0
Video

💊 Part 2 :
Build a Beautiful Landing Page with React Fiber & Three.js (Free Course)
by Anderson Mancini @andersonmancini.bsky.social
[ Project + Source code ]
#ReactThreeFiber #threejs #webdev #FreeCourse

youtu.be/O3NupI_fugY?...

1 0 1 0
Red text on pink background:
Landing Page with React Fiber & Three.js

Red text on pink background: Landing Page with React Fiber & Three.js

💊 Build a Beautiful Landing Page with React Fiber & Three.js (Free Course)
by Anderson Mancini @andersonmancini.bsky.social
[ Project + Source code ]
#ReactThreeFiber #threejs #webdev #FreeCourse

www.youtube.com/watch?v=lCCc...

2 0 1 0

THIS IS AMAZING #Threejs #reactthreefiber #r3f #plmdrs #creativeDeveloper #3d

1 0 0 0
Animated gif featuring homepage PMNDRS with the letters of the name scattered in a gradient grey and pink background with a glass with transparent liquid, red flowers, a piece of cake and a straw rotating with mouse move.

Animated gif featuring homepage PMNDRS with the letters of the name scattered in a gradient grey and pink background with a glass with transparent liquid, red flowers, a piece of cake and a straw rotating with mouse move.

🍷 PMNDRS new website.
@pmndrs
A developer collective building tools for the creative space
#webdev #Libraries #R3F #webGL #ReactThreeFiber #Threejs

pmnd.rs

4 0 0 0
Animated gif.
Black background with rotating and turning distorted text ring effect ( white text with displacement RGB) as seen through a glass.

Animated gif. Black background with rotating and turning distorted text ring effect ( white text with displacement RGB) as seen through a glass.

⚫️ Exploring a 3D Text Distortion Effect With React Three Fiber
by @ninecodes_ at @codrops
A quick tutorial on how to create a beautiful distorted text ring effect in React Three Fiber.
#ReactThreeFiber #3D #webGL #r3f #react

tympanus.net/codrops/2024...

0 0 0 0
Animated gif.
Moebius-style illustrated scene of spaceship floating on a pink desert projecting a shadow on the sand, with visible light pink moon in the sky with smaller submoon in green

Animated gif. Moebius-style illustrated scene of spaceship floating on a pink desert projecting a shadow on the sand, with visible light pink moon in the sky with smaller submoon in green

🚀 Moebius-style post-processing and other stylized shaders
by Maxime @MaximeHeckel
#shader #webgl #threejs #PBR #3D #ReactThreeFiber #webdev #GLSL

blog.maximeheckel.com/posts/moebiu...

6 0 0 0
Animated gif.
On mouse grabbing and shaking the browser the objects inside (balls in blue and white) and moving up and down inside the box like space in the browser.

Animated gif. On mouse grabbing and shaking the browser the objects inside (balls in blue and white) and moving up and down inside the box like space in the browser.

🥎 Shaking the Browser Window
by Maxime @MaximeHeckel
What if moving your browser window could "shake" the objects in your #ReactThreeFiber scene? Turns out with Rapier, a well placed camera and a dash of math it's not too hard
#Rapier #r3f #webdev

r3f.maximeheckel.com/shaking

0 0 0 0