SkyElite
Hero & Interaction

SkyElite

Free

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

Made with

  • React
  • Vite
  • TypeScript
  • Tailwind CSS
  • Lucide

Overview

SkyElite is a full-viewport marketing hero for a private-jet brand. Built with Vite, React 19, TypeScript, Tailwind CSS 4, and Lucide. A looping jet video fills the screen behind a clear nav, stacked Premium / Accessible headline, short line, and Discover / Book Now CTAs. Includes a mobile menu. Demo UI only - no booking backend. Static build ready for Workers or GitHub Pages.

Highlights

  1. 01

    Full-bleed video plane

    Edge-to-edge looping jet footage as the hero background - muted, autoplay, playsInline.

  2. 02

    Brand-first type

    SkyElite wordmark, PRIVATE JETS eyebrow, and a two-line Premium / Accessible headline.

  3. 03

    Tight CTA pair

    Discover and Book Now sit under one short supporting line - demo controls only.

  4. 04

    Static and fork-ready

    Vite build to dist/. Open the live preview or download and run locally.

You get

  • Full Vite + React 19 + TypeScript source (SkyElite)
  • Full-viewport video hero and responsive nav / mobile menu
  • Lucide menu icons and Tailwind CSS 4 styling
  • Static build ready for Cloudflare Workers or GitHub Pages

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.

Mossline

Free

Scroll-driven climate hero - Measure the Living Planet with video, fog, and HUD.