About
Scroll-driven cinematic orbit hero — 8 images arranged in a 3D elliptical orbit with trigonometric depth scaling and pointer parallax
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Cinematic Orbit Hero to your project and fits it to your theme.
Code
How Cinematic Orbit Hero is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
"use client"
import CinematicOrbitHero from "@/components/ui/cinematic-orbit-hero"
export default function Page() {
return (
<main className="w-full min-h-screen bg-black text-white selection:bg-white selection:text-black">
<CinematicOrbitHero/>
</main>
)
}







