kubeezmedia/kubeez-scroll-world-video — explained in plain English
Analysis updated 2026-05-18
See a working example of a scroll scrubbed camera flythrough landing page before building your own.
Learn the frame matched transition technique that makes pre rendered video clips look like one continuous shot.
Install the underlying skill in Claude Code or another agent to generate a similar scroll world for your own brand.
| kubeezmedia/kubeez-scroll-world-video | yyx990803/yorkie | withkynam/vibecode-pro-max-kit | |
|---|---|---|---|
| Stars | 606 | 609 | 621 |
| Language | JavaScript | JavaScript | JavaScript |
| Last pushed | — | 2022-07-26 | — |
| Maintenance | — | Dormant | — |
| Setup difficulty | easy | easy | easy |
| Complexity | 2/5 | 2/5 | 2/5 |
| Audience | vibe coder | developer | vibe coder |
Figures from each repo's GitHub metadata at analysis time.
Runs locally with a simple HTTP server, but generating a new world requires a Kubeez account.
kubeez-scroll-world-video is a demo project showing a scroll driven landing page for a fictional burger restaurant called Smash and Co. As a visitor scrolls down the page, a pre rendered camera glides through a small clay style burger world, moving from a market scene through a grill, then a counter, and finally the burger itself, all playing as one continuous shot with no visible cuts. Every image and video frame in the demo was generated using the Kubeez platform rather than any traditional 3D rendering or filming. The technique works by treating scroll position as a way to scrub through pre rendered video clips: the page maps how far someone has scrolled to a point in time inside each clip, so scrolling forward plays the clip forward. Between each scene there is a separate transition clip that glides the camera from the end of one scene into the start of the next. The key trick is that each transition starts on the real last frame of the previous clip and ends on the real first frame of the next one, so the two pieces line up frame for frame and the cut is invisible. The pipeline behind the demo starts with one master still image that sets the color palette, camera angle, and lighting, then each scene still is generated from that master so they all share a consistent look. Each still is then turned into a short video clip where the camera flies into the scene. The clips are encoded at a small file size with no audio so they can be loaded as blobs and scrubbed smoothly even on a plain static host like GitHub Pages. The whole page is powered by a small dependency free JavaScript scroll engine that takes a single configuration object listing the brand name, the section content, and the connector video files, and handles the scroll to time mapping, loading, and section transitions itself. The underlying method is packaged as an installable skill for coding agents like Claude Code, which interviews the user about their business and brand and then generates a similar scroll through world using a connected Kubeez account.
A demo scroll driven landing page where a pre rendered camera flies through a burger themed world, all generated with the Kubeez platform.
Mainly JavaScript. The stack also includes JavaScript, Kubeez.
Setup difficulty is rated easy, with roughly 5min to a first successful run.
Mainly vibe coder.
This repo across BitVibe Labs
Verify against the repo before relying on details.