Bringing flat images to life with interactive depth and motion using Three.js + shaders. 💫

Replaced mouse input with motion sensors for mobile. Tilt your phone to explore the depth 👀

"my WeBSitE wAs cOmplEtElY crEaTEd wiTH aI anD iT doEsN'T lOOk liKE Ai" it does... we can see it it looks like you let a 5-year-old loose with a cookie cutter, and that's before we even look at the code...

Which of our projects/explorations would you like us to break down next? Drop a comment with what you're curious about.

I liked the Dribbble shot, so I tried recreating it.

Real-time moves. Real-time insights

sat through multiple calls last year to get this particular section done man.

If you’re building and want to push the visual bar, let’s talk cal.com/rndr-realm/30m…

Yessir !!

Voice powered interfaces, an agent that listens morphs then speaks back

Had to figure out the gooey loader first. The rest was just integration and setting up the states

Another potential application, wouldn’t use it though 😅

Particle wave system in WebGL: -Vertex shader calculates distance-based wave propagation - Click anywhere to update wave origin - Particles scale up when near mouse cursor - Each click spawns new waves from that point. Built using Three.js and custom shaders

If you’re building and want to push the visual bar, let’s talk cal.com/rndr-realm/30m…

We created more complex patterns by making the origin of the waves random

Creative checkboxes built with Motion

Video texture mapping across multiple browser windows