Project Card With Tags
A two-column project grid where each card carries a Placeholder image, name, a one-line problem description, and a row of small skill and category chips.
A two-column project grid where each card carries a Placeholder image, name, a one-line problem description, and a row of small skill and category chips.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Project Card With Tags shows four projects in a two column grid, each with a Placeholder image, a name, a one line description that names the real problem, and a row of small rounded chips for skill and category context. Ledger carries Fintech, Dashboard, and Design systems; Tend carries Health, Mobile, and Prototyping, giving a reader the discipline and the deliverable before they click.
Projects are a typed array where every item carries the same keys: name, description, and a tags string array. The chip row is the distinctive detail, it surfaces skills without cluttering the name or the description.
Reach for this block as a work section where the practice spans multiple disciplines and the reader needs orientation before choosing which project to open. The installer swaps names, descriptions, and tags to reflect their actual work and skills.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is a mixed-discipline portfolio index where tags steer the reader to the right project. Other uses:
Tip: keep each description to the problem, not the outcome, one sentence naming what was broken is sharper than a sentence naming what you delivered.