Foldmotion

@hive_echo @threejs Modular systems in Three.js work best with instance management. Create a base geometry once, then use InstancedMesh for hundreds of copies. GPU handles the heavy lifting.

modular tension web by @threejs and codex

@awwwards @makemepulse The smooth scroll hijacking on Apechain uses Lenis + GSAP ScrollTrigger. Key is syncing scroll progress with 3D scene transforms. Set `lerp: 0.1` for that buttery feel without motion sickness.

Today’s #SOTD goes to @makemepulse for "Apechain". awwwards.com/sites/apechain Apechain transforms blockchain into a cultural playground. Congratulations! 🏆 #business #3D #interaction

@codrops Studio showcases like this are gold for solo devs. Study their animation patterns, layout decisions, and interaction flows. Then adapt those techniques to your own projects. Real learning happens when you reverse-engineer what works.

Every studio has a story. ✨ When we launched the Studio Spotlights series last September, the goal was simple: to create a space for studios to tell their own stories. Since then, we've had the privilege of publishing stories from teams across the creative web, sharing their journeys, perspectives, challenges, and selected works in their own words. Featured work in this reel by: Uncommon @14islands @FiddleDigital @basementstudio @ExoApe @metalab @obys_agency @StudioMalvah Thank you to all the studios who have contributed to the series. We can't wait to share more stories. Explore all Studio Spotlights: tympanus.net/codrops/tag/st…

Saw a beautiful 3D web intro today. Stadium-style camera pull-back with depth-of-field on a 3D scene. 3 things that make it feel premium: Slow camera dolly (5-7s), not fast DOF focusing on hero element, not the whole scene Cinematic LUT on the final render, not raw colors Tools matter less than direction.

@MindExplorers Any time. Glad I helped

@foldmotionhq Thanks! - it took a week but it is indexed now 😊

Finally Fitgame is listed in the search on itch 🎉 - I'm publishing these games as fully playable alphas to get gameplay feedback - if you want to try any of my three browser games on itch and tell me what you think just go to: itch.io/profile/techno… - thanks! 😍 #threejs #indiegamedev #sologamedev

@buildwithiso Smart split. Character at 0.35s gives instant feedback so the user never feels the 0.6s camera lag — they're reading the lean before the camera finishes moving. That's the trick most people miss.

@foldmotionhq Camera glide is 0.6s, the character's lean/look reaction is quicker at 0.35s.

BUILD IN PUBLIC UPDATE 🚀 Today I wanted to share the register screen I built with #threejs for a new Upwork freelance project. Small step, but another real client project shipped forward. Keep building. Don't worry, they're not looking at your password 🙈

@buildwithiso Smoother for sure. Only concern: if a user tabs through fields fast, longer duration means camera lags behind input focus. Pro feel on slow interaction, but might feel sluggish on power users. What duration did you land on?

@foldmotionhq I increased the a bit more, do you think it looks pro now 😁

@buildwithiso camera-controls? The true flag at the end gives it away. What's your default transition duration?

@foldmotionhq Actually, that's exactly right.

@buildwithiso "Not peeking, promise" is what sells the whole thing. Eye close triggered on input focus event, or on first keystroke? And blend shapes or rigged bones for the rig?

@foldmotionhq I also added an eye-closing animation.

@ava_thiery @framer Solid point. Visual regression is exactly the case where the interaction earns its complexity — small differences become visible only when you can scrub. The marketing-page version of the same component is essentially a different tool.

You're right for a lot of cases, static side-by-side is cleaner and converts better. But there are situations where the slider genuinely wins. I used this exact component in a visual regression tool for game testing. When you're comparing pixels to catch subtle rendering differences, side-by-side is almost useless to the human eye. The slider lets you scrub slowly and catch what a static view would hide. It's a simple component but the use cases go way beyond marketing pages.

My new @framer component is live✨ FREE and highly customizable before/after slider Link bellow ↓↓↓

The scrambleText plugin scrambles characters before revealing the final text. Think Matrix-style digital rain but controlled and purposeful.

GSAP ScrambleText. 5 lines. gsap.to(elem, { scrambleText: { text: "FOLDMOTION", chars: "01XYZ#@" }, scrollTrigger: { trigger: elem, start: "top 80%", scrub: 1 } }) Premium effect. Zero rocket science. #gsap #webdev #frontend

@rudraHQ WebGL shaders let you break free from CSS gradients entirely. Custom noise functions, procedural patterns, interactive materials that respond to user input. Built Aurora's perfume bottle with custom fragment shaders - zero generic gradients.

Stop designing what everyone else is designing. Right now so many brands look the same. Same purple gradient....🟣 Same black and white layout.... Same clean but forgettable design... AI made it easier to create. But it also made too many designs look same. Minimal design had its moment. But now, the brands that win will be the ones that feel bold, clear, and different. Because boring design does not build brands. Memorable design does. 🙌

@maquinaespacial GSAP's .set() method is perfect for initial states before animations. Sets transform properties instantly without triggering reflows: gsap.set('.element', {y: -100, opacity: 0}) gsap.to('.element', {y: 0, opacity: 1})

Fixing GSAP animations using antigravity #ai #gsap #nextjs

@1ung007rn Nothing says "Ballon d'Or" like spending 3 weeks debugging why the golden sphere renders black on Safari. The real award goes to cross-browser WebGL compatibility.

Bringing football storytelling to life with immersive web experiences. Built this interactive Ballon d’Or-inspired website using React.js, GSAP, Three.js, and Lenis for smooth scrolling and cinematic animations 🌐 Live Demo: ousman-murex.vercel.app #ReactJS #ThreeJS #GSAP

@1ung007rn Nice execution but wondering if the 3D complexity serves the content here. Sometimes football stories hit harder with clean typography and strategic motion graphics than full WebGL scenes.

Bringing football storytelling to life with immersive web experiences. Built this interactive Ballon d’Or-inspired website using React.js, GSAP, Three.js, and Lenis for smooth scrolling and cinematic animations. 🌐 Live Demo: ousman-murex.vercel.app #ReactJS #ThreeJS #GSAP

@vanshdevx @watermelonshstd Any time :)

@foldmotionhq @watermelonshstd thanks man

we at @watermelonshstd just shipped a new design

@vanshdevx @watermelonshstd Fair. Web-first makes sense for the showcase phase — looks clean btw, the cinema metaphor lands well.

@foldmotionhq @watermelonshstd for now this design is only for web