GSAP

Item: GSAP
Rating: 8.3

JavaScript animation library for professionals, now free thanks to Webflow.

8.3/10MABTU rating

SVG

DESKTOP · 1440 × 9,770/ ↗

MOBILE · 390

Section outline · Home

01heroHuge cream type with embedded 3D shapes, lime outline Get GSAP pill913
02introLarge light paragraph on black, left aligned838
03featuresPinned horizontal scroll of phrases on coloured tags with easing diagrams3,900
04featuresFour rows: Scroll, SVG, Text, UI with gradient blob icons2,006
05logosMonochrome logo strip366
06showcaseCard carousel of sites built with GSAP, arrow controls959
07footerPlugin link columns, cream newsletter band787

Rating · Home

Visual design8.8

UX & clarity7.8

Originality9.0

Craft & consistency8.6

Motion9.2

Performance & a11y7.7

This page scores 8.5; the site score weights the home page double.

Main colours

Light & dark toggle·black background·vivid

Typography

Moriheading · font · self-hosted Moribody · font · self-hosted

Stack & style

GSAP GSAP ScrollTrigger

Bold typography Playful 3D Dark tech Logo cloud Pinned sections Smooth scroll Sticky header Text reveal

Also: Cloudflare, Google Analytics

Design DNA

Near-black canvas with a wide cream grotesk set huge in the hero ('Animate anything') with tiny glossy 3D flowers, squiggles and stars dropped into the letters. A lime announcement bar and lime outline pill CTA carry the accent, with curly-brace code labels as eyebrows. A long pinned scroll section flies phrases in horizontally on lime, pink and orange highlight tags beside easing-curve and diamond diagrams. Tools are a list of rows, each with a soft gradient 3D blob icon, then a logo strip, a tilted showcase carousel and a cream newsletter footer.

Worth borrowing

Drop small glossy 3D objects inside the counters and gaps of an oversized headline so the type itself feels animated.
Use curly-brace code labels like { Why GSAP } as section eyebrows for a developer audience.
Highlight single words on flat saturated tags (lime, pink, orange) that slide in while the section is pinned.