The HeroPrompts library

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.

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.

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.

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.

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.

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.

A portfolio hero where hovering a project card shifts the entire page background to that project's colour palette — the environment reacts to what you're exploring. Built for creative directors, art directors, and designers with strong visual identities.

A minimal personal portfolio hero with a draggable horizontal work tape at the bottom — click and drag to scrub through project thumbnails, with auto-scroll that pauses on interaction. Built for product designers, creative technologists, and indie makers.

Cinematic editorial hero with magnetic-cursor headline letters, ambient breathing image, and a copper-cream palette.

Cinematic editorial hero with cursor spotlight reveal mechanic, paired dark images, and gold accents.

Light, conversion-focused SaaS hero with split layout, task dashboard mockup, and blue accents.

5-section scroll-driven landing with animated text reveals, video hero, and scroll-linked animations.

Warm, conversational contact page with stateful form UX, real-time validation, and success states.

Dark futuristic hero with animated neural network grid, scroll-reveal tech specs, and AI-forward aesthetic.

Data-rich hero with live animated charts, metric cards, and conversion-focused layout.

High-energy fintech hero with live ticker, animated price feeds, and urgent energy.

Dark animated background with particle mesh, noise, and generative feel for layering.

Interactive 3D product viewer with rotation, zoom, and material swaps powered by Three.js.

Motion-heavy hero with scroll-linked animations, text reveals, and shape morphing.

Animated gradient backgrounds with color cycling, mesh gradients, and smooth transitions.

Dark, conversion-focused hero with badge, headline, subhead, dual CTAs, and a trust bar.

Data-rich split layout with live KPIs, a glassy chart panel, and a serif headline.

Animated gradient text, pill badge, and a demo video with glow border.

Asymmetric bento-style feature grid with micro-illustrations and highlight cards.

High-converting waitlist capture hero with social proof counter and live count animation.

Three-tier pricing with monthly/annual toggle, popular card highlight, and feature lists.

Editorial magazine layout with oversized name, availability badge, and scroll cue.

Monospace, terminal aesthetic with a whoami block and command-line contact links.

Cinematic full-viewport image with dark gradient overlay and overlaid serif name.

Reel showreel format with auto-playing looping video preview and case study grid.

Case-study-style hero with project meta chips, outcome metrics, and dual-panel mockup.

Saturated red, condensed type, oversized display text, and a bottom stat row.

Cream-and-black serif editorial with client logo carousel and soft light palette.

Dark glassmorphic hero with a 3D chrome blob element and noise overlay.

Hover-reveal team portraits with role tags that slide up on interaction.

White-and-black minimal studio hero with an asymmetric split and rotating badge.

Editorial split layout with lookbook photography, serif headline, and collection nav.

Single product feature with swatches, size selector, price, and add-to-bag CTA.

High-urgency sale hero with marquee, countdown timer, and yellow-on-black palette.

Ultra-minimal single-product landing with oversized product name and clean white space.

Warm, lifestyle-forward subscription box hero with unboxing preview and plan picker.

Soft flowing multi-stop gradient with slow drift, grain overlay, and CSS-only implementation.

Neon aurora mesh blobs on near-black with scanline texture and slow orbital drift.

Tech grid receding to a vanishing point with radial glow and CSS-only implementation.

Lightweight CSS-only floating particle system with glow dots and connection-line suggestion.

Soft, calming wellness app hero with an animated breathing circle, pastel gradients, and gentle entry animations.

Warm, immersive restaurant hero with full-bleed food photography, a reservation form, and dish preview cards that follow the cursor.

Ultra-minimal dark luxury hero for a niche perfume house with scroll-driven scent note reveals and a botanical ingredient taxonomy.

Developer tool hero with a live animated request graph, latency heatmap, and terminal-style status feed.

Clean creator economy hero for a premium newsletter with an issue preview stack, subscriber count, and email capture.

Editorial luxury real estate hero with property cards that expand on hover, a search bar overlay, and a signature parallax property slideshow.

Polished mobile app launch hero with an iOS phone mockup carousel, feature highlights, and App Store download CTAs.