ALTEAlternative Technologies
Motion Lab · concepts

Hero entrances & scroll-down transitions.

Eight self-contained concepts for the ALTE site — each pairs a striking hero entrance with a different swipe / scroll-down section transition. Open one, scroll, and pick the direction you like. We then port the winner into the live Next.js site.

01Curtain + clip-wipe

Curtain Reveal

Ink panels lift in sequence to unveil the hero; each section wipes up with a clip-path sweep.

View demo
02Text mask

Text-Mask Video

A giant headline masks a drifting gradient; scrolling scales the type up until colour fills the screen.

View demo
Aa
03GSAP · split-text

Split-Text Stagger

Words blur-rise in on load; GSAP ScrollTrigger staggers each section into view as you scroll.

View demo
04GSAP · pin

Pinned Horizontal

Scrolling down pins a section and drives its panel track sideways — the “swipe across” effect.

View demo
05Sticky stack

Sticky Stacking Cards

Full-width panels stick and swipe up over one another as you scroll — a stacking deck of cards.

View demo
06Lenis · parallax

Lenis Smooth Parallax

Buttery momentum scrolling with multi-layer parallax depth — the whole page glides as you swipe.

View demo
07Scroll-snap

Scroll-Snap Slides

Full-page 100vh slides that snap and animate in — swipe a deck down, one screen at a time.

View demo
08Aurora + wipe

Aurora Gradient Mesh

An animated aurora hero; sections sweep in with a diagonal clip-path wipe driven by scroll.

View demo