52 hand-crafted prompts · founding pricing live
Hero sections that look
expensive, from a prompt.
Copy one prompt into Claude, Cursor, or v0 — get back a complete, animated, production-ready hero in React. Every screenshot below is unedited output.
14-day refund · commercial license included · founding members save 50% with FOUNDING50
Unedited screenshots — each generated from a single prompt in the library.
One prompt in. One finished hero out.
Build a high-impact sportswear hero… the signature mechanic is a split reveal: the product image loads in black & white, then a lime divider line sweeps left-to-right revealing full colour over 1.2s while performance stat counters animate in…
Build a creative studio hero… each headline word cycles random glyphs before resolving character-by-character, a cyan glow tracking the resolving letter. Three gradient blobs drift behind at 20–26s cycles…
Featured prompts
FeaturedApex Athletic — Sportswear E-Commerce Hero
A high-impact sportswear hero with a split B&W-to-colour reveal that sweeps across the product image on load, paired with animated performance stat counters. Built for athletic apparel, sports gear, and performance DTC brands.
FeaturedSentinel — Enterprise Security SaaS Hero
A dark enterprise SaaS hero featuring a live security operations dashboard — threat feed scrolling in real time, SVG compliance score rings filling on load, and stat cards. Built for cybersecurity, compliance, and enterprise B2B platforms.
FeaturedLuminary — Creative Studio Hero
A dark, high-drama creative studio hero where headline text scrambles through random characters on load before resolving into real words — like decrypting a transmission. Built for brand studios, motion designers, and creative agencies.
FeaturedLuxe — High-End Fashion E-Commerce Hero
A two-column fashion hero section with a floating product card that drifts and tilts as the cursor moves. Outputs a complete, ready-to-use React component — not a full website. Drop it into any project as your above-the-fold section.
FeaturedMesh — Team Collaboration SaaS Hero
A SaaS hero featuring a live canvas mockup with three named team cursors moving along independent bezier paths, each occasionally popping comment bubbles. Shows the product in motion before a user clicks anything.
FeaturedForm Studio — Architecture Portfolio Hero
A minimal architecture portfolio hero where hovering a project image triggers blueprint-style annotations — dimension lines slide in, callout dots appear, labels fade in sequentially. Built for architects, spatial designers, and design practices.
Not another prompt list.
Generic prompts produce generic pages — the rounded-card-and-gradient-blob look every AI tool defaults to. These don't, and the difference is specification.
Every prompt has a signature mechanic
A split-colour reveal. Blueprint hover annotations. Live multiplayer cursors. Not "a hero section with a headline and two buttons" — an interaction someone will remember your site by.
Specified to the pixel
Exact hex palettes, Google Fonts weights, cubic-bezier curves, animation timings in milliseconds. The AI has nothing to improvise — which is exactly why the output doesn't look improvised.
Tested across 6 tools
Claude, GPT-5, Cursor, v0, Lovable, Bolt. Same prompt, same quality bar, wherever you already work.
Production code, not mockups
React 18 + TypeScript + Tailwind, ~250–400 lines per hero, with reduced-motion fallbacks and aria labels included. Paste the output into your repo, not into a redesign meeting.
A freelancer charges $500 per hero.
Get the whole library for less than one.
Annual
Every prompt + weekly additions while subscribed
Subscribe yearly14-day refund · commercial license
Lifetime
Everything, forever — including every future prompt
Get lifetime access14-day refund · commercial license
Founding members: 50% off any plan with FOUNDING50 — limited to the first cohort.
Frequently asked
Guides & deep-dives
The Anatomy of a Great Landing Page Hero Section in 2026
Every element of a hero section has a job. Most AI-generated heroes fail because the prompt doesn't specify what those jobs are. Here's the framework.
How to Write Claude Prompts That Generate Designer-Grade Websites
Claude is the best AI tool available for detailed web design work — if you know how to prompt it. Here is the exact structure that gets design-grade output instead of generic templates.
Why Every AI-Generated Website Looks the Same (And How to Fix It)
There is a default aesthetic that every AI tool has converged on. Here's what it is, why it happens, and the specific techniques that break you out of it.
Your hero section is the first
three seconds of your pitch.
Ship one that looks like a Series B raised it — today, from a prompt.