Skip to content
~/nisschhal

Back to all projects

live2025JavaScript

Zentry

An award-style gaming landing page with video-masked transitions, scroll-pinned sections, and GSAP-driven 3D card tilts.

  • React
  • Vite
  • GSAP
  • Tailwind CSS

What it is

A landing page in the Awwwards idiom — heavy motion, video backgrounds, and scroll-driven storytelling. Built to practise animation choreography rather than to ship a product.

Technique

The centrepiece is video masking: a clip-path animates between shapes while video plays underneath, so sections appear to peel into one another. GSAP ScrollTrigger pins sections while their internal timelines scrub against scroll progress.

Notes

TODO: Check this on a mid-range phone. Autoplaying video plus continuous GSAP timelines is exactly the combination that drops frames, and this page is a showcase — a janky showcase argues against you.

$ git log -1 --format=%cd →