Planet Jumping
Hero & Interaction

Planet Jumping

Free

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

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

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.