Tech Stack Detail
A four-column grid of technologies grouped under Languages, Frameworks, Infrastructure, and Tools, each item showing a two-letter mark and a short honest context note.
A four-column grid of technologies grouped under Languages, Frameworks, Infrastructure, and Tools, each item showing a two-letter mark and a short honest context note.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Tech Stack Detail organizes sixteen technologies across four labeled columns (Languages, Frameworks, Infrastructure, Tools), each item a card with a two-letter muted mark (Ts, Go, Sq, Rs), the technology name, and a short honest context note. The note for TypeScript reads: primary language since 2020; strict mode everywhere. The note for Rust reads: learning; used for WASM experiments and CLI parsing. That kind of specificity makes the block a working reference, not a badge strip.
Stack is a typed groups array of labeled Tech arrays. The two- letter mark is the distinctive detail: it gives each card a visual anchor without importing brand icons, and the note column prevents the block from reading as a keyword list.
Reach for this block when a developer portfolio needs more than a flat chip list, particularly when depth and context per technology matters to the target client. The installer replaces the four groups and their tech objects with their own stack, keeping the note field honest about the actual level of use.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the four-column full-stack breakdown. Other tech layouts:
Tip: the note field is the differentiator; a stack without context is a keyword list, a stack with a sentence is a working summary.