React-three-fiber

Just launched this account. The shaders are shaky, the lights are too bright, and the camera forgot how to orbit. Just like any real R3F project. Welcome.

A huge thanks to the amazing creators whose assets helped bring A Little Loco to life! 🙌 Here’s a list of the talented people who made the 3D models and SFX I used👇 @KenneyNL @iPoly3D @jairtrejo @quaternius @foxbyte @pixabay #threejsjourney #gamedev #BuildInPublic

Added SFX and switched to a full orthographic view. Loving the tiny board-game feel 🎧🛤️ #threejsjourney #threejs #gamedev #BuildInPublic

Bored of boring flat heatmaps? Introducing Topographical Explorer that turns any country into a real-time tactile landscape Search any country → watch real elevation data come alive as thousands of satisfying 3D blocks. Built entirely client-side with: - React Three Fiber + Three.js - AWS Terrain Tiles + OpenStreetMap - Real-time boundary @threejs @reactthreefiber #DataVisualization #Geospatial #CreativeCoding #BuildInPublic

No assets. Just math, shaders. 🧮🎨 Quantum Deal: 3D card dealing with precise motion & soft shadows @reactjs , @reactthreefiber , @greensock Vibe-coded w/ @GoogleAIStudio ⚡ Live: quantum-deal.vercel.app Code: github.com/LazzyDeveloper…

Just added a proper title screen and a quick tutorial to help players get the hang of the train shunting mechanics littleloco.dammafra.dev #threejsjourney #threejs #gamedev #BuildInPublic

Couldn't find a railway switch model that fit the scene's vibe, so I got inspired by the crossing I chose from Poly Pizza and modeled my own from scratch! 🛠️ #threejsjourney #threejs #gamedev #BuildInPublic

Weekend dev log for A Little Loco! 🚂 🌿 Procedural decoration spawning based on terrain & LOD system for grass
🖱️ Interactable objects highlight
🎥 Toggle between top-down/train-following camera
🎉 Level complete animation #threejsjourney #threejs #gamedev #BuildInPublic

What if every city can create its own songs with lyrics? (Sound on) Meet "Song of the City" turns real urban life data into music with Google Lyria 3. We map the actual rhythm of the city - morning coffee rushes, office flows, evening nightlife, late-night subway energy - and feed it into @Google Lyria 3 AI model to generate the song. The result? A generative soundtrack that changes with the city itself. Playing: Song of the City- New York Like/Repost if want more experimental project :) #GenerativeAI #Lyria #CreativeCoding #GeoSpatial #MusicTech @GoogleAIStudio @threejs @reactthreefiber

Interactive Snowy Winter Night. ❄️✨ Built with @threejs + #R3F. 2,000 stars and snow particles with real-time physics. 1:- Instancing for 4k+ particles. 2:- @pmndrs Drei + post-processing bloom. Huge thanks to @WawaSensei! 🚀 Preview: snowy-night.vercel.app #threejs #r3f

Transparent Globe Project- It’s finally complete! 10 unique interactive 3D globes, each visualizing a completely different global dataset in real time. From river flows and seismic activity to population density, global inequality, satellite constellations, and even Sonic Nomad roaming the planet with live music. Every globe is transparent, responsive, and built from scratch to feel alive. #CreativeCoding @threejs @reactthreefiber #DataVisualization #WebGL #GenerativeArt #BuildInPublic

Sonic Nomad: A routing agent that’s slowly visiting every country on Earth… and playing that country’s current #1 song when it arrives. It uses a simple Nearest Neighbor algorithm to always fly to the closest unvisited country next. No backend. No database. Just React, @threejs , react-globe.gl, and live Apple Music RSS feeds. #SonicNomad #CreativeCoding #ThreeJS #MusicTech #BuildInPublic #WebGL #GenerativeArt

The world is fractured by wealth- a 3D fragile map of our divided world. 3D holographic globe that visualizes global economic inequality using the Gini Index data from World Bank. Spin the globe. Zoom in on any country. Built as a creative rendition of our economic ecosystem - beautiful, yet broken. #DataVisualization #ThreeJS #React #CreativeCoding #Geospatial #WebGL @threejs @reactthreefiber

Just wanted wanted to see what a mega satellite constellation really looks like - and why SpaceX uses completely different orbital angles (53°, 70°, 97° polar, 43° etc.) Switch shells on/off and finally helped to understand why each inclination exists- Data visualized using over 10,000+ @Starlink satellites orbiting Earth with data from CelesTrak. #Starlink #SpaceTech @threejs @reactthreefiber #DataVisualization #WebGL #CreativeCoding #SatelliteTracking

What if browser windows could feel each other? Interaction - open multiple windows, drag them over each other, and watch Just custom GLSL + stencil buffers making windows interact like living organisms. Like/ RT if you like it #CreativeCoding @threejs @reactthreefiber #WebGL #GLSL #Frontend #TechArt #Interaction

Stop Google from limiting APK file usage - Sign the petition! c.org/WWrxLLbxcd via @Change

Artemis II launched yesterday. Four humans heading to the Moon for the first time in 50 years. I shipped something fitting: a 3D trajectory simulator built on real NASA ephemeris data. Full 10-day mission replay in the browser: → Earth phasing orbits → TLI burn → Lunar flyby → Free-return trajectory Stack: @reactjs · @threejs · @reactthreefiber · GSAP · fflate · @typescript Pro tip: hit the FOLLOW button 🛸 The camera locks onto the spacecraft and lerps behind it in real time, full cinematic chase-cam as it swings around the Moon. Feels like riding shotgun to the Moon. Real data. Real trajectory. Real browser. Link in comments. 🌕

A sneak peek of a chalet configurator we are working on using @reactthreefiber and @threejs. We are looking for good developers to join our team to work on projects like this! Send me a DM if interested. We're based in Antwerp but open for remote work.

Built the tool student actually can use to finally see Orthographic Projections- I wish I had it back then.. Orthographic Projection Visualizer- select any 3D part and instantly see the exact front, side, and top views appear live. No more guessing. No more static textbook diagrams. 20 real engineering shapes (gears, pistons, cams, connecting rods, flanges + basic primitives). Built purely for students and educators if that helps.. #EngineeringEducation #EdTech @threejs @reactthreefiber #OrthographicProjection #EngineeringDrawing #CreativeCoding #STEM

Neural Cartography - a real-time city mapping engine powered by distributed rendering agents Agents work in parallel. City name gets drawn in the center. Urban fabric assembles around it. The idea behind Neural Cartography - a WebGL visualization where 7 specialized agents are dispatched simultaneously to reconstruct any city from raw geospatial data, tracing roads, waterways, railways, and city boundaries in real-time - right in your browser. #CreativeCoding #ThreeJS #ReactThreeFiber #DataVisualization #Geospatial #AgenticAI @reactthreefiber @threejs #builders