About this block

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.

When to use

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

• Terminal intro
• About section

After

• Project repos
• Code snippet

What you can display

One strong use is the four-column full-stack breakdown. Other tech layouts:

• Three columns. Frontend, backend, and infrastructure for a more generalist stack.
• Two columns. Primary and secondary tiers for a specialist practice with a narrow focus.
• Proficiency levels. Add a note suffix like daily or occasional to give clients a quick hiring signal.

Tip: the note field is the differentiator; a stack without context is a keyword list, a stack with a sentence is a working summary.