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.

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!

forged from light and math. Issue 003 | The Illusion @reactthreefiber @threejs

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

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

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

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

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

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

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

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

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

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

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/LazzyDeveloperr/Q…

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