Shadcn Work Grid Blocks

A work grid with three discipline tabs switching between four-tile project sets via state, for multi-discipline creatives presenting Design, Code, and Writing separately.

Projects grouped under ruled year headings with an inline project count, each tile showing the project name, client kind, and role.

A four-card recent work strip with a see-all link at heading level, each card showing a portrait thumbnail, project name, role, and year.

A work layout of full-width two-column rows that flip image and detail sides on each project, with a constraint-led description, a ruled deliverables list, and a case study link per row.

A work grid divided into discipline sections each with a ruled label and a row of project tiles naming the role and year.

A filterable work grid with category chips and a live count that narrows six project tiles by discipline, naming the kind, role, and year per tile.

A six-tile work grid with a permanently revealed overlay strip naming the project and role on each thumbnail, plus static kind and year captions below.

A dense three-column grid of six square project tiles with name and year captions and a full archive link, for breadth-first portfolios.

A numbered text list of projects showing project name, kind, and year with a trailing arrow and no images.

A featured layout with one large project tile carrying a summary sentence and a view case study link, followed by a row of three smaller supporting tiles.

A ruled editorial index of projects as large-numbered rows showing name, role, and year with a hover arrow link on each entry.

A full-archive grid of nine project tiles with a total count badge and an honest lede noting that older work shows the range.

One large lead project with a real summary above a supporting grid of three more, the pick plus the catalog.

A work index that groups project tiles under discipline category headings, each with a scope description and an archive link, so visitors navigate directly to the work type they need.

An alternating two-column project list pairing a Placeholder image with a paragraph writeup, role, and year for each engagement.

A two-column project grid where each tile pairs a thumbnail with a one-line outcome carrying a highlighted tabular figure beneath the name and role.

A CSS-columns masonry of six project tiles at mixed aspect ratios, each captioned with the project name, role, and year.

An asymmetric four-column project grid where two tiles span two columns at a wide aspect ratio and four sit at standard size, each captioned with category, role, and year.

Three equal project tiles each with a full-width image, client type, role, year, a one-line outcome description, and a case study link.

A selected work grid of project tiles that each name the client type, the role, and the year.

A masonry work grid with six Placeholder tiles in mixed aspect ratios and medium and year captions, suited to photography and illustration portfolios.