Sections

A fully interactive 3D globe built on Mapbox GL JS. Displays location cards in a collapsible side panel with fly-to navigation, auto-rotation, marker pins, and keyboard/scroll support. Works with inline HTML or a JavaScript markers config — both are compatible with Webflow CMS.

A scroll-driven feature list where each step's image stays sticky while the text scrolls past. The active step is determined by whichever anchor is closest to the viewport center, with before/active/after status attributes you can style freely in CSS.

GSAP ScrollTrigger-powered footer that slides up from beneath the page content with a parallax offset and a dark overlay that fades in as it enters. Driven entirely by scroll — no clicks, no JS state.

Toggle between large and small grid layouts with a smooth GSAP Flip animation. Cards reposition from their old layout to the new one in a single coordinated move, with the container height tweening in sync.

A logo grid that automatically cycles through a larger set of logos by swapping them in and out one at a time with a smooth slide-and-fade animation. Configurable shuffle order, responsive visible count via CSS, and ScrollTrigger-aware pause/resume.

A pure CSS + JavaScript masonry layout that positions items absolutely into the shortest column. Reads column count and gap from CSS custom properties, responds to breakpoints, and exposes recalc() and destroy() methods for dynamic use.