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