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
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
React-three-fiber retweeted
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
React-three-fiber retweeted
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