Bordered Project Card
A bordered card grid showing project thumbnails with name, role, year, skill tags, and a view link per entry.
A bordered card grid showing project thumbnails with name, role, year, skill tags, and a view link per entry.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Bordered Project Card shows four work entries in a two-column grid, each a contained card with a border, a Placeholder thumbnail, the project name, a role-and-year line, and skill tags in pill chips below. Ledger carries tags Fintech, Dashboard, and Design systems; Tend carries Health, Mobile, and Figma. A view link with an arrow sits top-right in each card. The border and ring keep every card as a self-contained unit rather than an open tile.
Projects are one typed array. Tags are the distinctive detail: they surface the discipline and toolchain at a glance so a visitor can filter mentally without needing a separate filter UI.
Reach for this block as the work section of a portfolio or a dedicated projects page. The installer swaps the Placeholder tiles for real work, updates role lines and tags to match, and points the view links to actual project pages.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the structured project index. Other layouts:
Tip: keep tags honest about tools and disciplines actually used; invented tag stacks undermine the detail that makes the card format worth choosing.