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.

[Vercel @vercel]

You can now run any Dockerfile on Vercel.

# 𝙳𝚘𝚌𝚔𝚎𝚛𝚏𝚒𝚕𝚎.𝚟𝚎𝚛𝚌𝚎𝚕
𝙵𝚁𝙾𝙼 𝚐𝚘𝚕𝚊𝚗𝚐:𝟷.𝟸𝟺
𝙲𝙾𝙿𝚈 . .
𝚁𝚄𝙽 𝚐𝚘 𝚋𝚞𝚒𝚕𝚍 -𝚘 /𝚜𝚎𝚛𝚟𝚎𝚛 .
𝙲𝙼𝙳 ["/𝚜𝚎𝚛𝚟𝚎𝚛"]

https://t.co/xOUMi4zxpD

[React-three-fiber @reactthreefiber]

@AndreaDCorreia ¡Hola! Tremendo aporte. ¡Felicidades!
Puedo ayudarte a agregar integración con WhatsApp y así añadir un Webhook que envíe actualizaciones en tiempo real para personas encontradas.
Si te interesa, ¡escríbeme!

[React-three-fiber @reactthreefiber]

@coinbureau At this point, is there anyone who pays any attention to this convicted criminal?
He ought to be in prison, considering all the money he has stolen. His platform has enabled criminals from all over the world to launder money from every kind of illicit activity.

[Riotters @riottersdesign]

We built a quick browser app because we hated opening heavy software just to see a flat SVG logo in 3D.

It was just a fun R and D experiment, but it turned out so cool we made it completely free with no paywall.
The tech stack we used to bring this to life:

- @nextjs with @reactjs
- @threejs and @reactthreefiber
- Drei with R3F postprocessing for screen space effects
gainmap js for physically accurate HDR lighting
- @tailwindcss and Motion for animations
- Zustand and Zod
- mediabunny and sharp for server side media processing

We also integrated @payloadcms so the backend is completely ready when we decide to roll out user accounts, saved presets, and custom galleries in the future.

Expect some bugs since it is a very early alpha. Go play with it and let us know what you think, link is in the replies below!

[React-three-fiber @reactthreefiber]

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

[React-three-fiber @reactthreefiber]

@myhubia_ gneiss

[shadows @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.

[shadows @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

[shadows @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

[shadows @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

[shadows @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

[shadows @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

[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

[shadows @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