Blocks/Portfolio31

A library of production-ready React blocks built with Tailwind CSS and shadcn/ui. Copy, paste, and customize for your next project.

PRO

portfolio110

Featured project + grid

One large featured project with image, category, and title, followed by a row of smaller project cards. Monochrome studio styling.

PRO

portfolio111

Staggered Editorial Gallery

A header with a two-column, vertically staggered gallery of project cards — each a linked full-color image with a ruled title, category, and year.

PRO

portfolio112

Project Index Rows

Editorial project index of ruled rows — padded numeral, project name, client and year, with a floating thumbnail revealed on hover.

PRO

portfolio113

Client wall & selected work strip

A grayscale grid of bordered client logo cells followed by a strip of three selected-work thumbnails with titles, each linking out.

PRO

portfolio114

Uniform project card grid

A monochrome three-column grid of uniform project cards, each pairing an image with a title, client / year / service chips, and a link to the case.

PRO

portfolio115

Recent Work List

Compact recent-work list of ruled rows, each a link with a small thumbnail, title, year, and an arrow.

PRO

portfolio116

Awards & Highlights Ledger

Recognition section pairing a ruled list of awards with two to three highlighted project thumbnails.