Blocks/Portfolio(33)

Personal portfolio and resume UI components.

PRO

portfolio118

Selected Work Index

A picture-free work index laid out as four aligned columns, year, client, what was done and the discipline, with the column heads appearing only once the row can hold them.

PRO

portfolio117

Case Study Spotlight

A portfolio with an eyebrow over a hairline rule and a two-column heading, then a full-width featured case card and a three-up grid, each an image with a gradient overlay carrying a client, headline result, and note.

PRO

portfolio116

Awards & Highlights Ledger

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

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

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

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

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

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

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

portfolio109

Alternating case-study rows

Three alternating case-study rows pairing a large rounded image with a title, description, detail line, and an editorial link.

PRO

portfolio108

Masonry Archive Gallery

Masonry archive gallery in a CSS columns layout — project stills of varying heights, each linking out with a title and year caption beneath.

PRO

portfolio107

Filterable Project Grid

Selected-work section with a row of category filter tabs that filter a monochrome project grid client-side; each card links out to the project.

PRO

portfolio106

Filtered Work Tabs

Discipline-tabbed project gallery using shadcn Tabs with a grid of cards per category.

PRO

portfolio105

Typographic Index

Oversized type project index where each row reveals a thumbnail and shifts to the accent on hover.

PRO

portfolio104

Interactive Work Index

A numbered project index that cross-fades a sticky image preview as each row is hovered.

PRO

portfolio103

Bento Gallery

Asymmetric bento mosaic of project tiles with overlaid titles and hover seal arrows.

PRO

portfolio102

Work Marquee

Full-bleed auto-scrolling marquee of studio projects with a header and view-all CTA.

PRO

portfolio101

Project Showcase Grid

Portfolio grid of project cards with hover-zoom imagery, numbered titles, category tags and a seal arrow link.

PRO

portfolio100

Contact Call-to-Action Footer

Centered contact section with headline, description, primary CTA button, and social media link buttons with handles. Perfect for portfolio page footers encouraging visitor engagement.

PRO

portfolio99

Future Goals Progress Cards

Goal cards with icons, timeframe badges, descriptions, and visual progress bars showing completion percentage. Perfect for sharing personal or professional aspirations and current progress.

PRO

portfolio98

Career Highlights Timeline

Vertical timeline showcasing career milestones with achievement icons, year badges, descriptions, and key metrics. Perfect for professionals displaying awards, launches, and growth achievements.

PRO

portfolio97

Work Preferences Checklist

Three-column categorized preferences with checkmarks and X icons showing preferred vs non-preferred work styles. Perfect for freelancers clarifying ideal project types and engagement models.

PRO

portfolio94

Mentorship Pricing Plans

Three-tier mentorship pricing section with duration, session counts, feature checklists, and booking CTAs. Perfect for coaches and mentors offering paid coaching packages.

PRO

portfolio92

Open Source Contributions

Repository showcase with stars, forks, contribution counts, maintainer/contributor badges, and language tags. Perfect for developers highlighting their open source work.

Markdown version