Hero prompts & templates
53 copy-paste prompts and source code for cinematic hero sections, animated landing pages, pricing, footers and full SaaS sites. Paste into Claude, Cursor, Lovable or Bolt and ship in minutes.
Transform Data Video Hero
Modern SaaS hero with a looping video background, glass navbar and email capture. Paste into Claude, Cursor or Lovable and get it built in minutes.
Aethera Studio
Cinematic fullscreen hero with a looping video background and elegant Instrument Serif typography. React + Vite + Tailwind + TypeScript.
Visual Hero
Fullscreen GSAP-animated hero section with bold typography and smooth entrance animations. Vite + React + TypeScript + Tailwind.
AI Runtime Video Hero
Single-viewport video-background landing page with pixel-font branding, built in pure HTML, CSS and vanilla JS — no framework.
Wanderful Hero
Full-viewport cinematic travel hero for a brand called Wanderful, with GSAP animations and lucide icons. React + Tailwind.
Aurora Gradient Hero
Premium full-screen hero with an interactive aurora gradient background of blurred, glowing colour blobs. React + Tailwind.
Image Trail
Playful hero where images trail behind the cursor as you move. shadcn + Tailwind + TypeScript component prompt.
Circular Flip Card Gallery Hero
Hero with a circular gallery of 3D flip cards that rotate and reveal on hover. shadcn + Tailwind + TypeScript.
Futuristic Hero
Futuristic sci-fi hero section with glowing effects and animated elements. shadcn + Tailwind + TypeScript component.
Wilderness Cursor Animation Hero
Nature-themed hero with a custom cursor animation that reacts as you move. shadcn + Tailwind + TypeScript.
Hero Odyssey — Thunder Animation
Dramatic hero section with a thunder/lightning animation effect behind bold headline text. shadcn + Tailwind.
Cursor-Animated Modern Hero
Modern hero section with an interactive cursor-following animation and clean typography. shadcn + Tailwind.