craft.
6 notes on craft — newest first.
GSAP ScrollTrigger + Lenis at production scale — 3 patterns that survive Safari
Pinning, scrub binding, and chained reveals on production sites taught me three patterns that don't break on iOS Safari, low-end Android, or reduced-motion. The cost of each, plus the one I cut.
Building a VR exhibition in 7 days — Blender → Next.js pipeline
Herbacare's UGM exhibition needed a VR walkthrough and a companion site, end to end, in one week. The 3D pipeline I survived with, the bits I'd keep, the bits I'd cut.
SplitText + Kinetic Typography
Split text into characters, words, or lines and animate each piece independently. The technique behind every scroll-reveal and cinematic title on award-winning sites.
ScrollSmoother + Pinned Horizontal Scroll
GSAP's scroll toolkit driving a pinned horizontal section. Full scroll-speed control, momentum, and zero Lenis conflicts — because ScrollSmoother IS the scroller for that section.
Flip Plugin — Layout Morphing
Animate seamlessly between any two DOM layouts with GSAP Flip. Grid to list, card expand, filter shuffle — the result looks impossible and the code is five lines.
GSAP Scroll + 3D Image Sequence
Build the Apple-style scroll-driven image sequence. A 3D-rendered animation plays frame-by-frame as you scroll — pure canvas + GSAP ScrollTrigger, no video, no autoplay quirks.