# Beste UI

> Beautiful, accessible blocks, pieces and components for shadcn/ui and Tailwind CSS, built for React and Next.js. Install one with the shadcn CLI and the code is yours to edit: no runtime dependency, nothing to upgrade.

Markdown rendition of https://ui.beste.co/blocks/portfolio. Every page on the site has one: add `.md` to any address, or send `Accept: text/markdown`.

Whole catalog for LLMs: https://ui.beste.co/llms.txt. Registry index: https://ui.beste.co/r/registry.json

---
# [Blocks](/blocks)/Portfolio(33)

Personal portfolio and resume UI components.

Portfolio(33)All collections(33)Newest first

1–24 of 33

| Block                               | Title                             | Category  | Access | Install                                           |
| ----------------------------------- | --------------------------------- | --------- | ------ | ------------------------------------------------- |
| [portfolio118](/block/portfolio118) | Selected Work Index               | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio118 |
| [portfolio117](/block/portfolio117) | Case Study Spotlight              | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio117 |
| [portfolio116](/block/portfolio116) | Awards & Highlights Ledger        | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio116 |
| [portfolio115](/block/portfolio115) | Recent Work List                  | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio115 |
| [portfolio114](/block/portfolio114) | Uniform project card grid         | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio114 |
| [portfolio113](/block/portfolio113) | Client wall & selected work strip | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio113 |
| [portfolio112](/block/portfolio112) | Project Index Rows                | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio112 |
| [portfolio111](/block/portfolio111) | Staggered Editorial Gallery       | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio111 |
| [portfolio110](/block/portfolio110) | Featured project + grid           | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio110 |
| [portfolio109](/block/portfolio109) | Alternating case-study rows       | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio109 |
| [portfolio108](/block/portfolio108) | Masonry Archive Gallery           | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio108 |
| [portfolio107](/block/portfolio107) | Filterable Project Grid           | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio107 |
| [portfolio106](/block/portfolio106) | Filtered Work Tabs                | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio106 |
| [portfolio105](/block/portfolio105) | Typographic Index                 | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio105 |
| [portfolio104](/block/portfolio104) | Interactive Work Index            | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio104 |
| [portfolio103](/block/portfolio103) | Bento Gallery                     | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio103 |
| [portfolio102](/block/portfolio102) | Work Marquee                      | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio102 |
| [portfolio101](/block/portfolio101) | Project Showcase Grid             | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio101 |
| [portfolio100](/block/portfolio100) | Contact Call-to-Action Footer     | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio100 |
| [portfolio99](/block/portfolio99)   | Future Goals Progress Cards       | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio99  |
| [portfolio98](/block/portfolio98)   | Career Highlights Timeline        | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio98  |
| [portfolio97](/block/portfolio97)   | Work Preferences Checklist        | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio97  |
| [portfolio94](/block/portfolio94)   | Mentorship Pricing Plans          | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio94  |
| [portfolio92](/block/portfolio92)   | Open Source Contributions         | Portfolio | Pro    | npx shadcn add https://ui.beste.co/r/portfolio92  |

* Page 1 of 2
* [1](/blocks/portfolio)
* [2](/blocks/portfolio?page=2)

## Ship the interface, keep the code.

New blocks, pieces and components every week. Install one with a command and it is yours to edit. No runtime dependency, no upgrade path to fight.

[Browse the libraryBrowse the library](/blocks)[See pricingSee pricing](/pricing)

### Library

* [Blocks](/blocks)
* [Pages](/pages)
* [Pieces](/pieces)
* [Components](/components)
* [Search](/search)

### Learn

* [Docs](/docs)
* [AI & MCP](/docs/mcp)
* [Blog](/blog)
* [Free tools](/tools)
* [What's new?](/changelog)
* [Website Builder](https://beste.co)

### More

* [Pricing](/pricing)
* [Referrals](/referrals)
* [License](/license)
* [GitHub](https://github.com/beste-co/beste-ui)

### Shadcn Blocks

* [Shadcn Hero Blocks](/blocks/hero)
* [Shadcn Feature Blocks](/blocks/feature)
* [Shadcn Pricing Blocks](/blocks/pricing)
* [Shadcn CTA Blocks](/blocks/cta)
* [Shadcn FAQ Blocks](/blocks/faq)
* [Shadcn About Blocks](/blocks/about)
* [Shadcn Stats Blocks](/blocks/stats)
* [Shadcn Footer Blocks](/blocks/footer)
* [Shadcn Navigation Blocks](/blocks/navigation)
* [Shadcn Auth Blocks](/blocks/auth)
* [Shadcn Ecommerce Blocks](/blocks/ecommerce)
* [Shadcn Portfolio Blocks](/blocks/portfolio)
* [Shadcn Showcase Blocks](/blocks/showcase)
* [Shadcn Careers Blocks](/blocks/careers)
* [Shadcn Onboarding Blocks](/blocks/onboarding)
* [Shadcn Coming Soon Blocks](/blocks/coming-soon)
* [Shadcn Post Blocks](/blocks/post)
* [Shadcn Legal Blocks](/blocks/legal)
* [Shadcn Workflow Blocks](/blocks/workflow)
* [Shadcn News Blocks](/blocks/news)

© 2026, [Beste](https://beste.co). All rights reserved.