whatisgithub

What is kubeez-scroll-world-video?

kubeezmedia/kubeez-scroll-world-video — explained in plain English

Analysis updated 2026-05-18

606JavaScriptAudience · vibe coderComplexity · 2/5Setup · easy

In one sentence

A demo scroll driven landing page where a pre rendered camera flies through a burger themed world, all generated with the Kubeez platform.

Mindmap

mindmap
  root((kubeez-scroll-world-video))
    What it does
      Scroll scrubbed camera flight
      Burger world demo
      Frame matched transitions
    Tech stack
      JavaScript scroll engine
      Kubeez generation platform
    Use cases
      Landing page demo
      Reusable scroll technique
      Agent skill for new brands
    Setup
      Serve over local HTTP
      Kubeez account for generation

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

See a working example of a scroll scrubbed camera flythrough landing page before building your own.

USE CASE 2

Learn the frame matched transition technique that makes pre rendered video clips look like one continuous shot.

USE CASE 3

Install the underlying skill in Claude Code or another agent to generate a similar scroll world for your own brand.

What is it built with?

JavaScriptKubeez

How does it compare?

kubeezmedia/kubeez-scroll-world-videoyyx990803/yorkiewithkynam/vibecode-pro-max-kit
Stars606609621
LanguageJavaScriptJavaScriptJavaScript
Last pushed2022-07-26
MaintenanceDormant
Setup difficultyeasyeasyeasy
Complexity2/52/52/5
Audiencevibe coderdevelopervibe coder

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Runs locally with a simple HTTP server, but generating a new world requires a Kubeez account.

So what is it?

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.

Copy-paste prompts

Prompt 1
Explain how this scroll to time mapping technique works so I can scrub video clips based on scroll position.
Prompt 2
Show me how the transition clips in this project line up real first and last frames so cuts stay invisible.
Prompt 3
Use the scroll-world-video skill to build a similar scroll through landing page for my own bakery brand.
Prompt 4
Help me run this demo locally with a simple HTTP server so the blob loading works correctly.

Frequently asked questions

What is kubeez-scroll-world-video?

A demo scroll driven landing page where a pre rendered camera flies through a burger themed world, all generated with the Kubeez platform.

What language is kubeez-scroll-world-video written in?

Mainly JavaScript. The stack also includes JavaScript, Kubeez.

How hard is kubeez-scroll-world-video to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is kubeez-scroll-world-video for?

Mainly vibe coder.

Open on GitHub → Ask about another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.