Planet Jumping
Hero & Interaction

Planet Jumping

Ubernatural planet hopper - portal jumps between Mars, Earth, Venus with video transitions.

Free

Quick facts

Pages
1
Version
v1.0.0
Last update
Nov 7, 2026
Who can download
Free (signed in)

Made with

  • HTML
  • CSS
  • JavaScript

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

  1. 01

    Portal planet jumps

    Click the Next portal to travel - video transitions between Mars, Earth, Venus and more.

  2. 02

    Full planet rail

    Mercury through Neptune in a side list; active world drives title, facts, and next destination.

  3. 03

    Cinematic chrome

    Custom cursor, floating Ubernatural logo, preloader percent, and soft bottom shade.

  4. 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

Related products

View all

Otis

Free

Grab his cartoon face and pull it like taffy: stretch, wobble, new expression, patience bar.

Juicy

Free

3D juice can carousel - scroll to spin, flavour themes, floating fruit, water ripple.

SkyElite

Free

Full-bleed private-jet video hero - Premium. Accessible. Book Now.