Explore a Live Fluid Effect Shader Card Using Three.js

Explore a Live Fluid Effect Shader Card Using Three.jsExplore a Live Fluid Effect Shader Card Using Three.js

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Sourav Chhimpa

• 18h

been learning more three js lately and this is one of the experiments i really enjoyed building

a simple shader card with a smooth fluid effect and now its live in the lab

https://www.souravchhimpa.com/lab/fluid-card

Studio Apes

• 1d

Everyone has been testing the dark mode physics on Iterate.

but did you see the light mode yet? 💡

We wired the custom WebGL shaders to adapt instantly to the theme switch without dropping a single frame.

Go to the marketplace, hit the toggle, and feel the interaction yourself. 🦍✨

https://framer.link/XtoCrE4

Framer Website Design Framer

harshad p

• 21h

design and motion in @figma

which shader did you like the most?

Figma figmamotion shaders Product Design UI Design UX Design Figma Make

Danny Richa

• 14h

I model 3D characters from scratch, this one's a personal piece I built in Blender. She's still in the clay stage here, no textures yet, but I focus a lot on getting the silhouette and fabric flow right before I touch color, the sleeve detail and hair took the most time, and honestly that's where I think the character started feeling alive