Back to Market
systemBuild Kits

KnocX Reconstruction

Recreate a cinematic editorial website with a scroll-controlled visual story.

A video-led reconstruction system for turning the KnocX brief into a frame-accurate, responsive site with paid code and a free implementation prompt.

Published August 10, 2026

180 min setupadvancedAstro + Tailwind CSS

What is included

Everything needed to make the result.

  • Complete KnocX codebase
  • Scroll-scrubbed frame sequences
  • GSAP and ScrollTrigger setup
  • Responsive chapter navigation
  • Cinematic loader and failure fallback
  • Asset inventory and implementation guide
  • Free reconstruction prompt

File and codebase preview

See the system shape.

Preview: /src/pages/index.astro, /src/components/FrameSequence, /public/hero-frames-2k, /public/origin-frames-2k