Shadcn Developer Portfolio Blocks

Six numbered engineering principles in an editorial three column grid, each pairing a mono index with a short title and a first person note.

Reverse chronological engineering roles as ruled rows pairing period and tenure with role, company, summary, a shipped highlight, and stack tags.

A stacked list of 3 projects currently in development, each with a status badge, technical description, and a dated progress note.

A four-card grid of public repositories each showing the project name, a one-line description, the stack as chips, and tabular stars and forks counts with a repo link.

A full-viewport hero split with an h1 and lede on the left and a static mono terminal panel on the right showing a whoami command with structured key-value output and a static cursor.

A ruled list of maintained npm packages, each row with the name, version, license, weekly downloads, a short description, and an install command.

An activity heatmap showing 1654 contributions across 52 weeks using theme-token opacity squares with a streak note and quarterly commit breakdown.

A four-figure contribution stat strip above a 52-week CSS-grid heatmap built with theme-token opacity squares and a deterministic seed, with no green color scale.

A ruled-row developer projects index with stack chips, a one-line summary, and separate repo and live links per project.

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 case study split pairing the problem, numbered architecture decisions, and outcome metrics with a blueprint panel tracing the ingest and read paths.

A production function displayed in a mono bg-muted editor panel with a filename tab, gutter line numbers, and a caption explaining the technical tradeoff the snippet demonstrates.

A ruled-row list of open-source contributions each naming the project, a specific description of the work done, a tabular star count, and a Maintainer or Contributor role badge.

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 backend project card pairing a project description and stack chips with a static mono panel showing a sample endpoint path and a formatted HTTP response.