heroes
Framed hero with bleeding dashboard
A framed hero mock: everything lives inside a rounded frame with outer padding and overflow hidden, with a translucent pill navbar, a centered headline, and a white three-card tray that animates in and gets CLIPPED by the frame's bottom edge.
See it live and copy its promptWhat you can adjust
- Frame padding
- Frame radius
- Page background
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
