React-three-fiber

Build your scene declaratively with re-usable, self-contained components that react to state, are readily interactive and can participate in React's ecosystem.

[React-three-fiber @reactthreefiber]

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.

[React-three-fiber @reactthreefiber]

@catalinmpit Is it possible to do this on an always-free Oracle Cloud instance?

[React-three-fiber @reactthreefiber]

@myhubia_ gneiss

[SHAHNAB AHMED @AhmedShahnab]

Mapping Lighthouses of the World

45,967 lighthouse stations plotted across the globe. Dense coastlines glow like circuit traces at night.

Built with @threejs · @reactthreefiber · @typescript

Data: Kaggle Lighthouse Locations
#dataviz #threejs #webgl #buildinpublic #react

[The Crash Coder @thecrashcoder]

New portfolio piece: Equilibrium 🌿a wellness landing exploring liquid glass, editorial type, and real-time 3D designed and built end-to-end👇 some build notes

[React-three-fiber @reactthreefiber]

The token subsidy is over. Now we'll see a drastic reduction in vibe coding.

[SHAHNAB AHMED @AhmedShahnab]

I wish I had this when I was struggling with derivatives.

DIFFERENTIA - pick any function and watch f(x) and f'(x) animate together in real time.

You actually see the derivative happening.46 functions across every level - polynomials, trig, exponentials, Bessel functions, Fourier series, quantum wavefunctions, and more.

Built purely for students and educators who want to finally understand, not just memorize.

Like if this would’ve saved you in calculus
Repost to help a student who’s struggling right now

#Calculus #MathVisualization #EdTech #CreativeCoding @threejs @reactthreefiber #DataViz #STEM

[SHAHNAB AHMED @AhmedShahnab]

discomorphism- Even in Maps.

A 3D globe where every country is made of thousands of individually tilted mirror tiles.
#Discomorphism @threejs @reactthreefiber #CreativeCoding #DataVisualization

[Adam Chernick @ajc_builds]

Fun experiment from this weekend. The reflections on this car aren't from an HDRI image, they're from a 3DGS @theworldlabs generated environment.

Here's what's happening. Spark.js renders the 3DGS scene into a Three.js cube render target from a predetermined position. That gives us a cubemap to use for the paint, glass, and chrome materials. Nothing fancy on the material side.

This was a quick one, so it's not great. Shadows were tricky to get right, and it needs light and tone matching, but the direction and layering into the same scene is interesting. The assets types start to feel like they belong together.

@sparkjsdev @threejs @reactthreefiber

[SHAHNAB AHMED @AhmedShahnab]

Agent Simulation in Real City Maps

I've been experimenting with multi-agent systems and 3D spatial visualization with autonomous agents across real city map to perform certain tasks

#CreativeCoding @threejs #AgentSystems #Geospatial @reactthreefiber #BuildInPublic

[SHAHNAB AHMED @AhmedShahnab]

AGENT ATLAS - 3D Cartography

Experimenting with a 3D country visualization tool where animated "agent" can draws the boundaries of any country on a metallic 3D map - province by province, border by border.

#WebGL @threejs @reactthreefiber #DataVisualization #Geospatial #OpenStreetMap #CreativeCoding #Mexico

[SHAHNAB AHMED @AhmedShahnab]

What if any city could become a living piece of modern art inside a 3D museum?

Experimenting with a fully immersive virtual gallery where you walk around and explore real cities as stunning 3D cartographic sculptures.

Pick any city → the gallery instantly generates a beautiful spatial exhibit using real geospatial data.

No flat maps. No boring dashboards. Just pure architectural + data beauty.

@threejs @reactthreefiber #Geospatial #DataVisualization #CreativeCoding #DigitalArt #Cartography

[SHAHNAB AHMED @AhmedShahnab]

What if a football match was played on the actual 3D map of the two countries?

Experimenting with Football on Maps - a geospatial 3D experiment where real match telemetry plays out on accurate 3D topographical maps of the competing nations.

The pitch sits perfectly on the terrain. Players run across real mountains, valleys, and borders.

Built with React Three Fiber, d3-geo, and Match Engine. Pure fusion of football analytics + geospatial data.

@threejs @reactthreefiber #Geospatial #DataVisualization #CreativeCoding #WebGL @FIFAWorldCup

[Francesco @dammafra]

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

[Francesco @dammafra]

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

#threejsjourney #threejs #gamedev #BuildInPublic

[SHAHNAB AHMED @AhmedShahnab]

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

[Lazy Developer @Sadanandg03]

No assets. Just math, shaders. 🧮🎨

Quantum Deal: 3D card dealing with precise motion & soft shadows

@reactjs , @reactthreefiber , @greensock
Vibe-coded w/ @GoogleAIStudio ⚡

Live: https://t.co/HBzy0nzg5C
Code: https://t.co/ZVHScMWR0Z

[Francesco @dammafra]

Just added a proper title screen and a quick tutorial to help players get the hang of the train shunting mechanics

https://t.co/osDsvHJEsf

#threejsjourney #threejs #gamedev #BuildInPublic

[Cointelegraph @Cointelegraph]

🚨 LATEST: A Claude-powered AI coding agent deleted PocketOS's entire production database and all backups in just 9 seconds.

The agent acted on its own initiative to "fix" a problem, wiping months of customer data in the process.

[Francesco @dammafra]

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

[Francesco @dammafra]

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