Skills and Projects
A two-column block with the technology stack organised into labelled chip categories on the left and a ruled list of representative projects on the right.
A two-column block with the technology stack organised into labelled chip categories on the left and a ruled list of representative projects on the right.
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
Skills and Projects splits the section into two columns: the left side shows the technology stack organised into four labelled rows (Languages, Frontend, Backend, Platform) with chips for each tool; the right side lists four representative projects as a ruled card list with name, summary, year, and a link. The left-side lede names the selection rule, I pick by fit, not familiarity. The right lede is equally direct, four projects that show what I actually shipped, not what I contributed to at the edges.
Skill groups and projects are two separate arrays. The categorised-chip layout on the left is the distinctive choice: a flat chip dump loses the distinction between language competency and platform familiarity.
Reach for this block as a combined technical profile section on a developer portfolio homepage. The installer swaps chip labels and project entries for their real stack and selected work.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is a stack overview beside representative open source work. Other combined layouts:
Tip: four labelled skill categories read faster than twenty unchained chips in a single row.