Studies

Aardvark Book Club

Momentum hover object

Aardvark Book Club's pointer-velocity hover inertia

HoverPointerInertiaGSAP
View Momentum hover object

Handwritten character reveal

Aardvark Book Club's elastic handwritten character entrance

TextRevealCharactersGSAP
View Handwritten character reveal

Elastic word reveal

Aardvark Book Club's staggered elastic heading entrance

TextRevealStaggerGSAP
View Elastic word reveal

Elastic text button

Aardvark Book Club's staggered elastic character hover animation

ButtonHoverStaggerGSAP
View Elastic text button

Haoqi.design

Text scramble

Haoqi.design's staggered character scramble reveal

MotionRevealStagger
View Text scramble

Formula.ai

Flash word

Fourmula.ai's flash word animation

GSAPScrollTrigger
View Flash word

Falling pages

Fourmula.ai's stacked 'list' section where cards fall

GSAPScrollTriggerTransform3D
View Falling pages

Circular Carousel

Circular carousel with spin animation

GSAPCSSCarousel
View Circular Carousel

Pill navbar

Pill navbar with expandable menu drawer

CompleteGSAPNav
View Pill navbar

Palmer Grid

Palmer Grid

Draggable Product Grid with GSAP

GSAPGallery
View Palmer Grid

Osmo Side Navigation

Osmo Side Navigation

Complete Osmo Side Navigation component

Complete
View Osmo Side Navigation

Intro Animation

Reveal intro animation

MotionReveal
View Intro Animation

Underline Hover

Underline hover animation

CSS
View Underline Hover

Drawer

Drawer with intro animation

CSS
View Drawer

Text Swap Menu Link

Text swap menu link animation with background swap

CSS
View Text Swap Menu Link

Text Swap Menu Button

Text swap menu button animation with conditional icon animation

MotionRotation
View Text Swap Menu Button