Nebula

Planetarium

  • Ambient
  • Hero Section
  • React
  • Tailwind

The build prompt

7,894 chars
Build a full-viewport observatory/planetarium hero section using React, Tailwind CSS, and Lucide React icons. Use the Playfair Display and Inter fonts from Google Fonts. The entire page is a single full-height hero — no scrolling, no additional sections. Brand: NEBULA / OBSERVATORY.

BACKGROUND VIDEO:

A full-screen background video plays on loop, muted, autoplaying, playsInline, covering the entire viewport with object-cover. The footage drifts through a pink-teal nebula where newborn stars twinkle in soft clouds of gas. The video is fixed-positioned behind everything at z-index 0.

Video URL: https://zxdefgavgwfxastwmmjm.supabase.co/storage/v1/object/public/assets/nebula.mp4

BOTTOM BLUR O

The rest of this prompt is for members

More like this

Hourglass — PlanetariumAmbientFree
HourglassPlanetarium