Hover Reveal Card
A project card rendered in its revealed state as a blueprint, showing the name, role, and arrow in an overlay strip with an outcome caption and year below the image.
A project card rendered in its revealed state as a blueprint, showing the name, role, and arrow in an overlay strip with an outcome caption and year below the image.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Hover Reveal Card shows a single project rendered in its revealed state as a blueprint, the overlay strip already open at the base of the image with the project name, Ledger, the role, Lead product design, and an arrow. Below the image a caption fills in the outcome, cutting reconciliation time by a third, and a year sits flush right in tabular numerals.
The card holds one project object. Showing the overlay frozen in the revealed state is the distinctive choice: the installer and reviewer both see what the interaction does without needing to hover inside a preview iframe.
Reach for this block as a standalone project feature or a single-column accent inside a wider work section. The installer swaps the project name, role, year, and caption for their own work.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is a highlighted recent project with a concrete outcome caption. Other reveals:
Tip: the caption beneath the image is the result, not a restatement of the name, one number beats ten words.