Overview
Planet Jumping is a full-viewport interactive space hero by SonoJS (demo brand Ubernatural). Built as a single HTML page with vanilla JS, local videos, and canvas FX. Start on Mars with a video preloader, pick the next world from a planet rail (Mercury through Neptune), and travel through a portal with to-earth / to-venus / to-mars MP4 transitions. Giant planet titles, fact blocks, custom cursor, floating logo, and a soft bottom shade keep the chrome cinematic. Demo UI only - no backend. Open index.html or host the folder statically on Cloudflare Workers.
Highlights
- 01
Portal planet jumps
Click the Next portal to travel - video transitions between Mars, Earth, Venus and more.
- 02
Full planet rail
Mercury through Neptune in a side list; active world drives title, facts, and next destination.
- 03
Cinematic chrome
Custom cursor, floating Ubernatural logo, preloader percent, and soft bottom shade.
- 04
Zero-build static
One index.html plus local videos, mercury still, and logo - deploy anywhere static.
You get
- index.html (complete planet-jump experience)
- assets/mars-background.mp4, to-mars / to-earth / to-venus transitions
- assets/mercury.jpg and assets/logo.svg
- Custom cursor, portal canvas, planet facts UI
Details
- Version
- v1.0.0
- Last update
- Nov 7, 2026
- Pages
- 1
- Category
- Hero & Interaction
You need
- Modern browser (video, canvas, CSS transitions)
- No build step - open index.html or static-host the folder
- Optional: Cloudflare Workers / Pages for hosting


