Project Repos
A four-card grid of public repositories each showing the project name, a one-line description, the stack as chips, and tabular stars and forks counts with a repo link.
A four-card grid of public repositories each showing the project name, a one-line description, the stack as chips, and tabular stars and forks counts with a repo link.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Project Repos is a four-card grid of public repositories, each card naming the project in monospace, a one-line description, the stack as small muted chips, and tabular stars and forks counts at the foot. The lede anchors the intent: projects I maintain publicly, each one solves a problem I kept hitting in client work. Cards include helios-ui, relay-worker, pg-migrate-cli, and flagsmith-local, each with a live ArrowUpRight link.
Repos are one typed array; the star and fork counts use tabular-nums so columns stay visually aligned. The mono name treatment and the chip strip signal technical specificity without needing prose to describe the tech.
Reach for this block on a developer portfolio homepage or a dedicated open-source page. The installer swaps the four repo objects, real names, descriptions, stack tags, and counts, and replaces the placeholder hrefs with their GitHub URLs.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the selected public repositories grid. Other repo layouts:
Tip: the one-line description is the hardest line to write, it must say what the project does and why it exists in fewer than fifteen words.