Artycoders

WebGL slider experiment @threejs @webflow

Naya Studio — first screens. Take a look at this blooming stone.

@anton_skv @webflow @greensock Thank you, Anton! We took a slightly simpler approach here than you did. We generated a few key frames and animated them in AI. Then we fine-tuned them in After Effects and re-encoded the video for smooth scrolling, the color changes using the hue-rotate parameter.

@artycoders @webflow @greensock That's pretty nice. What tool did you use for the video bg?

Saw a beautiful animation concept for a Ford Mustang by @anton_skv . It inspired us to explore a similar idea — but applied to a yacht experience. We took the concept further and built a fully interactive version in @webflow , animated on scroll with @greensock .

@gustavwf @greensock @webflow Thank you!

@artycoders @greensock @webflow This is amazing ,well done!

Text division animation on scroll made with @greensock @webflow

Experimenting with a trending metal-texture button Soon we’ll publish a detailed guide and template on our Patreon. Subscribe so you don’t miss it. @threejs @webflow

One of the small details we loved building for Naya Studio website: the preloader.

We found some playful, unusual buttons to show you. So many tiny details to click around. Notice the page transitions. So cool! From @artycoders 💥

Our work has been nominated for Website of the Month. Thank you, jury!

Soon, we won’t remember what it looked like. Refuse the wrap. (Sound on) @WWF @greenpeace made with @threejs

Mars update: cucumberization complete🥒 Awaiting colonization. @elonmusk (Best experienced with sound) #webdesign #motion #sounddesign #mars #colonization

Cross-window love experiment. We created a real-time WebGL animation with Three.js where two 3D hearts connect across separate browser windows. A single full-screen fragment shader computes everything with signed distance fields. Windows sync via BroadcastChannel. Spring physics drives the stretching and breaking. Probably the most unnecessary Valentine’s project we’ve built. Worth it. P.S. We'll post the live link tomorrow. @threejs

ZAZ 965 — a Ukrainian car icon, redesigned for a new generation. Introduced in 1960, it became Ukraine’s first mass-produced passenger car and a symbol of accessible mobility. Built for rough roads and cold climates, it featured a rear-mounted, air-cooled engine and a compact rounded body that defined its unmistakable humpback silhouette. Our concept reinterprets this automotive classic for a new era.

💚 Site of the Day - Jason Bergh A simple layout that comes to live through great design and amazing animations and motion, that are triggered by just simple interaction. Amazing job by @blackleadStudio , @artycoders and @panpolevan ⚙️ ScrollTrigger Observer Draggable Inertia CustomEase 🛠️ @webflow site → jasonbergh.com showcase → gsap.com/showcase

@greensock @blackleadStudio @panpolevan Thank you, friends! 🫶 🤘

We recreated an ink-like hover effect in WebGL. Instanced glyphs. Cursor distance field. Trail buffer. Blur + threshold for viscosity. Open-source drop soon on our Patreon. Subscribe to stay tuned🤘 @WebGL @webflow @codrops