Stack With Context
A three-column card grid showing six core tools each paired with a sentence explaining why it is in the stack rather than an alternative.
A three-column card grid showing six core tools each paired with a sentence explaining why it is in the stack rather than an alternative.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Stack With Context shows six tools in a three-column card grid, Figma, Notion, Linear, React and TypeScript, Maze, and Storybook, each carrying a category label and a sentence explaining why it is in the stack. The heading reads The tools and why I use them.
Tools are one array with a tool name, a category, and a reason. The reason field is the distinctive choice: it converts a logo grid into an argument about judgment, a client evaluating fit learns not just what tools are used but whether the reasoning matches their own team.
Reach for this block as the skills or tools section of a personal portfolio where tool choices signal professional maturity. The installer swaps the tool names, categories, and reason sentences to reflect their own stack.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the product designer reasoned toolset. Other uses:
Tip: the Notion reason here says it is not perfect but every client already has it open, which is more convincing than any feature list.