Shadcn Work Grid Blocks

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

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 CSS-columns masonry of six project tiles at mixed aspect ratios, each captioned with the project name, role, and year.

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.

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.

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.

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 ruled editorial index of projects as large-numbered rows showing name, role, and year with a hover arrow link on each entry.

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.

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

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

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

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

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.

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 full-archive grid of nine project tiles with a total count badge and an honest lede noting that older work shows the range.

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 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 dense three-column grid of six square project tiles with name and year captions and a full archive link, for breadth-first portfolios.

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

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