🛠️ Point cloud flowers in WebGL using Three.js,
GSAP, and barba.js.

3D is made from a photogrammetry model, optimized in blender, exported as json and then animated with Gsap.

Toughest challenges? Avoiding GPU reloads and positioning objects in the scene 😅

✏️New Codepen✏️
Infinite portals : A birdhouse inside a sand castle inside a birdhouse... Dive into these recursive worlds and enjoy the infinite transition.
A webgl demo made with Three.js and GSAP
🔗 link to CodePen.IO in thread ⬇️

Lookin' at some of my GreenSock and Three.js demos from ~2018 😮

Wanna get back to some of this stuff 💯

💚 Featured Showcase - Brainsave

So many mindblowing details here. What a winner. Those cards 🤌

Design → Griflan
Dev & Motion → Thom Aufresne
WebGL & 3D → Vincent Weyh

🛠 ScrollTrigger SplitText

site → brainsave.ai
showcase → gsap.com/showcase

Hide Navbar while scrolling down and show while scrolling up using GSAP

src: gsap.com/community/foru…

Finally got some time to progress on this one. Missing one more scene and the UI elements, and ready to ship 💪

#creativecoding
Three.js GSAP

Timing is everything when it comes to animation ⏱️

Not only can you dictate the 'feel', but you can also use it as a tool for different UI challenges (More to come on that 👀)

See how the 'Custom' ease works here. Love using GSAP for prototyping this stuff 🫶

💚 Showcase - open media

enjoyed the video sequence on scroll

credit → @helloagent_

🛠 ScrollTrigger ScrollSmoother

site → openmedia.uk.com
showcase → gsap.com/showcase

Today we have some amazing image stack entrance animations for you! Skillfully crafted by deadrabbbbit 🤩

Have a look: tympanus.net/codrops/2024/0…

#gsap #animation #webdesign

It's slime time!

On-scroll gooey overlay based on #GLSL shader and controlled with #GSAP #ScrollTrigger . Easy to customise and (I'm proud to say it 😎) responsive

Live demo & source code: codepen.io/ksenia-k/full/…

Made with GSAP ScrollTrigger GSAP
Hosted on CodePen.IO

Been doing lots of clip-path animations lately, fun way to spice things up besides the usual transforms/fades.
Here's a recent example: technically super straight-forward thanks to GSAP's ability to animate css variables!

💚 So proud to have been nominated, we'd love your support!

💚 Showcase - Wrk Timepieces

A website as beautifully engineered as the product itself.

credit → Studio 28K Ruud Luijten

🛠 Observer SplitText

site → wrk-timepieces.com/products/acf-01
showcase → gsap.com/showcase

Getting back into Webflow and GSAP with this full page menu interaction.

Get the cloneable: webflow.com/made-in-webflo…

New slider concept 🤓

#threejs #webgl #gsap #animation

Big shout out to GSAP team, nominated in two categories against some big names. You can vote for them too in the People's Voice Award > Show them some love. 💚x2🤘Cassie Evans GSAP

vote.webbyawards.com/PublicVoting#/…

vote.webbyawards.com/PublicVoting#/…

💚 Showcase - Ride Out Amsterdam

Lovely. The logo animation in particular is perfection. We love a well crafted microinteraction!

Dev → Cyd Stumpel
Design → Tim Borst

🛠 ScrollTrigger Flip SplitText

site → rideout.amsterdam
showcase → gsap.com/showcase

💚 Showcase - Cosmic Shelter

Lots of SplitText on this interactive replay of Egonlab's 'Only Lovers Left Alive' FW24 Fashion Show.

credit → Cosmic Shelter

🛠 SplitText

site → only-lovers.egonlab.fr
showcase → gsap.com/showcase