OKAY DEV®

Sign-up is now open for everyone!

In case you missed it, Three.js Water Pro now has a playable demo! ⛴️🌊 threejswaterpro.com The most realistic water shader for the web, designed to drop right into your project, ready to go in minutes.

Collaborated with Double Play on the new Champions for Good site. Helped with some web animations and details. Here are some of the highlights from the site. (My favorite part is those stick figure animations. They’re just awesome 🤌) Working with sound was completely new for me. We added this feature later on, and I hadn’t done anything with sound on the web before. Bringing sound to a button. Ambient sounds that fade in and out while scrolling. Sounds for card swipes. Sounds for stickers on click. Sounds that get louder when your mouse is near an element. I didn’t have the best solution for everything, but now I know which mistakes I won’t make next time working with sound 😃 We also used some @osmosupply resources: - Flick Cards Slider - Stacked Cards Slider - Dynamic Custom Text Cursor I also adjusted them with sound, different behaviors on mobile, and other tweaks. And a @madewithgsap resource: - 020 Mouse Move I adjusted that as well. Tweaked the animation easings, changed how many cards are shown on mouse move, and fixed a small issue where cards moved way too fast if you quickly hovered out of the window and back in. I clamped the movement to keep it under control. All in all a great team behind this site 🎾 More details on some elements coming soon! Design: @SamuelSiebler Development: Jakob Wiemer & Me Motion: Pol O’Callaghan & Sha Sanchez Copywriting: Paul Adolphs Check out the live site! 🔗 in the comments.

Part 1/7 of our Oryzo behind the scenes series is now live. This one covers the concept and creative direction behind the project, and how a very ordinary cork coaster somehow became a premium product story. Link in comment.

Finally making a @threejs example with @shotamatsuda's geospatial volumetric clouds ~ ☁️

🥳 Shoutout to @ayotomcs, winner of this week's GSAP merch bundle for the animated SVG Claude mascot they shared in our Discord. We've got three more bundles to give away over the next three weeks. Join our new Discord for a chance to win some green socks of your own: gsap.com/discord/

I feel like this could defeat X anytime of the day if more people knew about it. I'm not even tryna glaze. @ericvanholtz you gotta release a mobile app for this

OMMA GOD 😵 Let's go!

@ebenezertio Love the style! Did you end up animating the mascot?

Go and Checkout the JUICED Case Study on @okaydevs okaydev.co/u/ebenezertio/…

Meet Codex for Students. We're offering college students in the U.S. and Canada $100 in Codex credits. Our goal is to support students to learn by building, breaking, and fixing things. chatgpt.com/codex/students

The team at @lusionltd just announced Oryzo — "The world's most unnecessarily sophisticated cork coaster." Preorders start on April 1st.

Well it took an all nighter (isn't all the best coding done at 4AM?!), but Three.js Water Pro v2.0 has launched! 🚀 threejsroadmap.com/threejs-water-… Super excited about this launch—I've added a new wave system, sky/water transitions, improved foam effects, reflections, and so much more. Here's a little cinematic trailer I put together (sound on🫧). Enjoy!

sunsets, from space, in real time, in your browser spent this past month learning about atmospheric scattering to build beautiful skies and lighting happy with the result so far, lots to try still r3f.maximeheckel.com/atmospheric-sc…

been feeling kinda stressed lately so I made a little prototype is this anything

Built a grid of geometric motion studies. Each panel explores a different timing + easing behavior using simple rings and shapes. HTML, CSS, JS + GSAP. CodePen in the replies.

If you are making a cool WebGPU demos/projects, send them here! I want to highlight some on my upcomming newsletter 🧙

Animating a headline from normal wrapped text into fully justified lines. • Responsive line detection • Animated word justification • Accent word color animation • Respects prefers-reduced-motion CodePen below.

Onion skinning… but in 3D. Stacked image planes move toward the camera while opacity, filters, and transforms evolve across the stack. CodePen below.

Infinite scrolling typography. - Lenis infinite smooth scroll - GSAP viewport-based text scaling Inspired by the Joby branding by TinyWins. CodePen in the replies.

The new @CodePen "Pen 2.0" is in Public Beta! It brings the capabilities of Projects to Pens. ✅ File system ✅ Config / build / processing blocks ✅ Real-time collaboration …and more! Pen 2.0 example in thread…