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.
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
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.