Hero Mockup Triple

Centered app hero with a primary-color gradient, three replaceable iPhone screenshots, and staggered appear motion.

Add to your project

Source is locked

All Access is $79/year and includes every pro component and block.

Works with your AI tools

ClaudeClaude*
CodexCodex*
LovableLovable
Base44Base44
Figma MakeFigma Make
ReplitReplit*
CursorCursor*
v0v0

* Compatible with most projects that use the default React/Next.js framework.

Built With

ReactTailwind CSS

Props

PropTypeDescription
primaryColorstringBrand color used across the hero.
headlinestringMain heading text.
subcopystringSupporting text.
primaryCtastringPrimary action label.
primaryHrefstringPrimary action URL.
secondaryCtastringSecondary action label.
secondaryHrefstringSecondary action URL.
leftImagestringLeft phone screenshot URL.
centerImagestringCenter phone screenshot URL.
rightImagestringRight phone screenshot URL.
classNamestringStyles for the outer section.