Shadcn Work Grid Blocks

An interactive work list where selecting a project row swaps the side panel to that project's thumbnail, summary, role, and case study link.

A split work index that pins the heading, intro, and a ruled facts list on the left while project tiles scroll on the right.

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 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 masonry work grid with six Placeholder tiles in mixed aspect ratios and medium and year captions, suited to photography and illustration portfolios.

An accordion work index of ruled project rows that each expand to a thumbnail, summary, deliverables list, and case study link.

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.

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 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.

A two-column work grid where every project tile carries a short client quote with named attribution beneath the thumbnail and caption.

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

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 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 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.