shipping/JOG — 03:41 GMT+7/48.3 °C CPU/v 07.0 · build 2026.05.12
lat −7.7956 · lon 110.3695/ntwk · online/open for projects
back to notesnotestaganimation
05 entries
[ tag · animation ]

animation.

5 notes on animation — newest first.

jun 24 · 26notes

From Gemastik animation 4th place to shipping enterprise software

Two years at the national animation level, then a hard pivot into C# / ASP.NET MVC for 1,500 employees. What animation taught me about engineering that engineering school did not.

6 min
may 13 · 26craft

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.

3 min
may 13 · 26craft

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.

3 min
may 13 · 26craft

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.

3 min
may 12 · 26craft

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.

5 min