PremiumLanding Page

Scroll-Driven Cinematic Hero

Produces a 500vh scroll-driven React landing page with an HLS video background that scrubs on scroll, Dirtyline hero typography that dissolves away, a frosted glass About panel with 3D parallax, and a liquid pill navigation bar. Built with React 19, Vite, Tailwind v4, GSAP ScrollTrigger, and hls.js.

25k1k6814.8

How it works

Four steps. No downloads.

01

Pick an asset

Filter by type, style, compatibility and access. Preview it live.

02

Copy the prompt

Fill five variables. The prompt already encodes the design rules.

03

Paste into your AI

Lovable, Cursor, Claude, GPT, Bolt or v0 — one click each.

04

Ship it

Production-grade output with tokens, motion and accessibility handled.

Related

Pairs well with this.

Ember Split-Panel Hero — Landing Page / AI prompt template for ChatGPT, Claude, Cursor, Lovable, Bolt and v0
Preview Demo
Premium

Ember Split-Panel Hero

Landing Page

Fullscreen split hero with mirrored HLS video, glass EMBER cutout, and spring mobile menu.

herosplit-panelhls-video
7.8k9417755.0
Dark Glass Agency Hero — Landing Page / AI prompt template for ChatGPT, Claude, Cursor, Lovable, Bolt and v0
Preview Demo
Premium

Dark Glass Agency Hero

Landing Page

Dark glassmorphism agency hero with HLS video, gradient type, and infinite logo slider.

glassmorphismherohls-video
29k1k7494.4