Build your scene declaratively with re-usable, self-contained components that react to state, are readily interactive and can participate in React's ecosystem.
Unofficial account
Joined August 2025
- Tweets161
- Following23
- Followers477
- Likes969
Pinned Tweet
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 retweeted
You can now run any Dockerfile on Vercel.
# 𝙳𝚘𝚌𝚔𝚎𝚛𝚏𝚒𝚕𝚎.𝚟𝚎𝚛𝚌𝚎𝚕
𝙵𝚁𝙾𝙼 𝚐𝚘𝚕𝚊𝚗𝚐:𝟷.𝟸𝟺
𝙲𝙾𝙿𝚈 . .
𝚁𝚄𝙽 𝚐𝚘 𝚋𝚞𝚒𝚕𝚍 -𝚘 /𝚜𝚎𝚛𝚟𝚎𝚛 .
𝙲𝙼𝙳 ["/𝚜𝚎𝚛𝚟𝚎𝚛"]
vercel.com/blog/dockerfile-o…
React-three-fiber retweeted
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 retweeted
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
React-three-fiber retweeted
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 retweeted
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
React-three-fiber retweeted
discomorphism- Even in Maps.
A 3D globe where every country is made of thousands of individually tilted mirror tiles.
#Discomorphism @threejs @reactthreefiber #CreativeCoding #DataVisualization
React-three-fiber retweeted
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
React-three-fiber retweeted
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
React-three-fiber retweeted
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
React-three-fiber retweeted
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
React-three-fiber retweeted
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
React-three-fiber retweeted
Added SFX and switched to a full orthographic view. Loving the tiny board-game feel 🎧🛤️
#threejsjourney #threejs #gamedev #BuildInPublic
React-three-fiber retweeted
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
React-three-fiber retweeted
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/LazzyDeveloperr/Q…
React-three-fiber retweeted
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
React-three-fiber retweeted
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
React-three-fiber retweeted
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
React-three-fiber retweeted
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