# Portfolio blocks for shadcn/ui

> 157 portfolio blocks from public shadcn/ui registries, free and paid, with live previews, source code and install commands.

- Page, with live previews: https://shadcn.exchange/blocks/portfolio
- 157 blocks, 119 free and 38 paid, from 16 registries.
- Search them as JSON: `https://shadcn.exchange/api/catalog?kind=blocks&category=portfolio&q=<words>`. Add `price=free` for the ones you can install, and `offset=<n>` for the next 24.
- With the shadcn CLI, which finds free blocks by their words: `npx shadcn@latest search @shadcn-exchange -q portfolio`

Each block's page answers in Markdown, source included, at its address with `.md` on the end. [The whole site for agents](https://shadcn.exchange/llms.txt).

## Free portfolio blocks

All 119 blocks, best first. Each installs with the command beside it, in a project that has shadcn/ui set up.

- [Portfolio experience by @ui-layouts](https://shadcn.exchange/r/ui-layouts/portfolio-experience) `npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/portfolio-experience.json`
- [Portfolio 01 - Clean Portfolio Grid by @shadcn-space](https://shadcn.exchange/r/shadcn-space/portfolio-01): A modern portfolio section displaying featured projects with tags, visuals, and categories, ideal for agencies or freelancers to showcase real-world transformations, expertise, and design impact. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/portfolio-01.json`
- [Footer Integrated Signup by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-footer-integrated-signup): An email field built into the site footer beside links and details. Captures subscribers at the bottom of every page without a dedicated section. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-footer-integrated-signup.json`
- [Portfolio 01 by @shadcn-studio](https://shadcn.exchange/r/shadcn-studio/portfolio-01): Portfolio showcase with masonry grid layout featuring project details, client information, and social media links. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-studio/portfolio-01.json`
- [Portfolio 5 by @uiable](https://shadcn.exchange/r/uiable/block-portfolio-5): Portfolio 5 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-portfolio-5.json`
- [Portfolio by @hirael](https://shadcn.exchange/r/hirael/portfolio): Dark, single-page personal portfolio: a counter loading screen, an HLS video hero with a floating nav and a cycling role line, a bento work grid, a journal list, a scroll-pinned parallax gallery with lightbox, count-up stats and a video co… `npx shadcn@latest add https://shadcn.exchange/r/hirael/portfolio.json`
- [Portfolio 10 by @uiable](https://shadcn.exchange/r/uiable/block-portfolio-10): Portfolio 10 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-portfolio-10.json`
- [Portfolio 4 by @uiable](https://shadcn.exchange/r/uiable/block-portfolio-4): Portfolio 4 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-portfolio-4.json`
- [Portfolio 2 by @uiable](https://shadcn.exchange/r/uiable/block-portfolio-2): Portfolio 2 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-portfolio-2.json`
- [Portfolio 9 by @uiable](https://shadcn.exchange/r/uiable/block-portfolio-9): Portfolio 9 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-portfolio-9.json`
- [Portfolio 8 by @uiable](https://shadcn.exchange/r/uiable/block-portfolio-8): Portfolio 8 variant for block. `npx shadcn@latest add https://shadcn.exchange/r/uiable/block-portfolio-8.json`
- [Accordion Experience Cards by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-work-experience-cards-accordion-experience-cards): Collapsible role cards that expand to reveal duties and achievements on click. Keeps a long career history tidy while letting readers drill into detail. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-work-experience-cards-accordion-experience-cards.json`
- [Creative portfolio by @motion-lexicon](https://shadcn.exchange/r/motion-lexicon/creative-portfolio): Presents an independent creative practice through work, material studies, and case-story transitions. `npx shadcn@latest add https://shadcn.exchange/r/motion-lexicon/creative-portfolio.json`
- [Quote With Project Context by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-quote-and-feedback-quote-with-project-context): A testimonial paired with the project it refers to, including a thumbnail and link. Use it to tie praise directly to the work that earned it on a case study. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-quote-and-feedback-quote-with-project-context.json`
- [Grid Case Study Previews by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-case-studies-grid-case-study-previews): A responsive grid of case study cards with thumbnail, title, and summary. The go to layout for browsing a portfolio of client projects at once. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-case-studies-grid-case-study-previews.json`
- [Accordion Services by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-core-services-overview-accordion-services): An accordion that lists each service as an expandable row with a short summary and details inside. Keeps a long offering compact and easy to scan. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-core-services-overview-accordion-services.json`
- [Client Oriented Testimonials by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-why-work-with-me-client-oriented-testimonials): Stacked testimonial cards framed around client outcomes, with quote, name, and role. Builds trust by letting past clients vouch for your results. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-why-work-with-me-client-oriented-testimonials.json`
- [Personal Photo CTA by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-personal-photo-cta): A banner combining your portrait with a short pitch and a button. Adds a human face to the ask, ideal for freelancers inviting visitors to connect. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-personal-photo-cta.json`
- [Filterable Grid by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-project-displays-filterable-grid): A project grid with category filters across the top so visitors narrow results by tag or type. Use it when a portfolio holds varied work across many fields. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-project-displays-filterable-grid.json`
- [Split Image And Details Layout by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-featured-work-highlights-split-image-and-details-layout): A two column layout pairing a project screenshot with details and a link beside it. Use it to present featured work with room for context and notes. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-featured-work-highlights-split-image-and-details-layout.json`
- [Bulleted Value Proposition by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-why-work-with-me-bulleted-value-proposition): A scannable list of value points, each with an icon and short line. Summarizes what you deliver so visitors grasp your strengths in a few seconds. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-why-work-with-me-bulleted-value-proposition.json`
- [Quote Values Combo by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-mission-and-values-quote-values-combo): A layout that pairs a featured quote with a list of supporting values beside it. Use it to ground your mission in a memorable statement and proof. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-mission-and-values-quote-values-combo.json`
- [Icon List Overview by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-core-services-overview-icon-list-overview): A list of services where each row pairs an icon with a title and one line of supporting text. Communicates your capabilities at a quick glance. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-core-services-overview-icon-list-overview.json`
- [Zigzag Layout by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-project-displays-zigzag-layout): Alternating rows that flip image and text side to side down the page. Use it to give each project room to breathe with a clear narrative flow. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-project-displays-zigzag-layout.json`
- [Carousel Of Featured Projects by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-featured-work-highlights-carousel-of-featured-projects): A carousel that slides through featured projects one at a time, each with a cover image and title. Use it to spotlight your best work on a portfolio home page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-featured-work-highlights-carousel-of-featured-projects.json`
- [Portfolio 1: investments overview by @ballmac](https://shadcn.exchange/r/ballmac/portfolio-1): An investment portfolio: total value and its change over a week, month or year, a line you scrub by pointer or arrow keys, an allocation ring, and sortable holdings with price, share, day change and a small trend line. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/portfolio-1.json`
- [Portfolio dashboard by @watermelon](https://shadcn.exchange/r/watermelon/portfolio-dashboard) `npx shadcn@latest add https://shadcn.exchange/r/watermelon/portfolio-dashboard.json`
- [Folio: designer portfolio by @ballmac](https://shadcn.exchange/r/ballmac/template-portfolio): A bold five-page portfolio: a huge intro with inline colour pills, a work grid that reveals each result on hover and focus, an about bento, a case study with a sticky fact sheet and contents list, writing and a uses page. `npx shadcn@latest add https://shadcn.exchange/r/ballmac/template-portfolio.json`
- [Personal Portfolio by @paceui](https://shadcn.exchange/r/paceui/personal-portfolio-template): Landing template. `npx shadcn@latest add https://shadcn.exchange/r/paceui/personal-portfolio-template.json`
- [Masonry Gallery by @geturui](https://shadcn.exchange/r/geturui/masonry-gallery): Masonry wall of tiles with mixed aspect ratios that keeps source order left to right, with category chips that filter the wall and tiles that glide into their new places. `npx shadcn@latest add https://shadcn.exchange/r/geturui/masonry-gallery.json`
- [Personal Portfolio by @pacekit](https://shadcn.exchange/r/pacekit/personal-portfolio-template): Landing template. `npx shadcn@latest add https://shadcn.exchange/r/pacekit/personal-portfolio-template.json`
- [Portfolio Gallery by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/marketing-gallery-portfolio-gallery): A portfolio layout that pairs project images with titles and short notes. Use it to present work, case studies, or a creative showcase to clients. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/marketing-gallery-portfolio-gallery.json`
- [Portfolio template by @neobrutal-ui](https://shadcn.exchange/r/neobrutal-ui/portfolio-template): A design practice with services, expandable case studies, and a project inquiry. `npx shadcn@latest add https://shadcn.exchange/r/neobrutal-ui/portfolio-template.json`
- [Portfolio v1 by @uiception](https://shadcn.exchange/r/uiception/portfolio-v1): Next.js starter for a physicist and science communicator portfolio: writing, books, Saturn decoration, and a Basin contact form. New projects only (shadcn init --template next). `npx shadcn@latest add https://shadcn.exchange/r/uiception/portfolio-v1.json`
- [Portfolio echarts area chart by @evilcharts](https://shadcn.exchange/r/evilcharts/portfolio-echarts-area-chart): Portfolio comparison card with hover-reveal, on the ECharts area chart. `npx shadcn@latest add https://shadcn.exchange/r/evilcharts/portfolio-echarts-area-chart.json`
- [Timeline Category Skills by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-about-and-skills-timeline-category-skills): A vertical timeline of roles and projects with skills tagged per entry. Maps your career history and the abilities you used at each step you took. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-about-and-skills-timeline-category-skills.json`
- [Featured Talk by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-event-speaking-and-workshops-featured-talk): A spotlight section for one talk with its title, summary, and event details. Highlights a signature presentation at the top of a speaking page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-event-speaking-and-workshops-featured-talk.json`
- [Split Layout Feature by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-core-services-overview-split-layout-feature): A split section pairing a single highlighted service with an image on one side and explanatory copy on the other. Spotlights your headline offering. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-core-services-overview-split-layout-feature.json`
- [Featured Resource Card by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resource-download-sections-featured-resource-card): A prominent card spotlighting one downloadable resource with a cover, summary, and button. Use it to push a flagship guide or template to visitors. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resource-download-sections-featured-resource-card.json`
- [Tweet Carousel by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-social-media-embeds-tweet-carousel): A swipeable carousel of tweet cards with author, timestamp, and text. Rotate through recent posts or testimonials without stacking them down the page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-social-media-embeds-tweet-carousel.json`
- [Classic Contact Form by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-classic-contact-form): A straightforward contact form with name, email, and message fields plus a submit button. Drop it on a portfolio page so visitors can send a quick note. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-classic-contact-form.json`
- [Featured Talk Highlight by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-event-speaking-and-workshops-featured-talk-highlight): A bold featured talk layout pairing a large title with imagery and key facts. Draws extra attention to your most notable conference appearance. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-event-speaking-and-workshops-featured-talk-highlight.json`
- [Single Quote Highlight by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-quote-and-feedback-single-quote-highlight): A large single quote set in generous space with the author name and title. Use it to feature one standout endorsement and let it carry real weight. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-quote-and-feedback-single-quote-highlight.json`
- [Story First Narrative by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-mission-and-values-story-first-narrative): A reading focused section that tells your origin story in flowing paragraphs. Use it to explain how a studio or person came to be and what drives it. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-mission-and-values-story-first-narrative.json`
- [Large Hero Project Display by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-featured-work-highlights-large-hero-project-display): A full width hero that frames one flagship project with a big image, title, and short summary. Use it to open a case study or anchor a portfolio. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-featured-work-highlights-large-hero-project-display.json`
- [Gated Download by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resource-download-sections-gated-download): A download offer behind a short email form so visitors trade contact details for the file. Use it to capture leads while sharing a guide or kit. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resource-download-sections-gated-download.json`
- [Stats Cards by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-project-displays-stats-cards): A row of cards calling out key numbers like projects shipped, clients, and years active. Use it to quantify your track record near the top of a portfolio. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-project-displays-stats-cards.json`
- [Resume Cover Letter Combo by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resume-and-downloads-resume-cover-letter-combo): A paired offer that lets visitors grab both your resume and cover letter together. Use it on a hiring page where both documents matter to recruiters. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resume-and-downloads-resume-cover-letter-combo.json`
- [Horizontal Stepper by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-process-and-approach-horizontal-stepper): A horizontal row of numbered steps that lead the eye from start to finish. Use it to lay out a linear workflow across a single line on the page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-process-and-approach-horizontal-stepper.json`
- [Skills Display by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-about-and-skills-skills-display): A grid of skill badges grouped by area with optional proficiency levels. Summarizes the tools and languages you know across a portfolio about page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-about-and-skills-skills-display.json`
- [Experience Quote Combo by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-work-experience-cards-experience-quote-combo): A role card joined with a manager or client quote about your impact. Pairs the facts of a position with social proof to strengthen each entry. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-work-experience-cards-experience-quote-combo.json`
- [Split Layout by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resume-and-downloads-split-layout): A two column block with your intro on one side and resume downloads on the other. Use it to balance a personal pitch with quick access to your files. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resume-and-downloads-split-layout.json`
- [Minimalist CTA by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-hero-showcases-minimalist-cta): A spare hero with a short headline and one prominent call to action button. Use it when you want visitors to reach your work or contact fast. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-hero-showcases-minimalist-cta.json`
- [Interactive Hover Reveal by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-featured-work-highlights-interactive-hover-reveal): A grid of project thumbnails that reveal a title, role, and link on hover. Use it to keep a portfolio index clean while exposing detail on demand. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-featured-work-highlights-interactive-hover-reveal.json`
- [Split Layout by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-hero-showcases-split-layout): A hero split into a text column and an image column side by side. Use it to pair an introduction with a portrait or featured shot at the top of a page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-hero-showcases-split-layout.json`
- [Full Screen Centered by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-hero-showcases-full-screen-centered): A full screen hero with a centered name, role, and tagline over a clean background. Use it to make a strong first statement on a personal site. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-hero-showcases-full-screen-centered.json`
- [Carousel Of Certifications by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-awards-and-recognition-carousel-of-certifications): A sliding carousel that cycles through certification logos and details. Fits a long list of credentials into a compact, scrollable strip here. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-awards-and-recognition-carousel-of-certifications.json`
- [Branded Document Icons Grid by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resume-and-downloads-branded-document-icons-grid): A grid of document icons, each labeled and linked to a file like a resume or portfolio PDF. Use it to offer several downloads in one branded section. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resume-and-downloads-branded-document-icons-grid.json`
- [Base by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-quote-and-feedback-base): A clean quote block with the testimonial text, author name, and role. Use it as a simple starting point to add one piece of client feedback to any page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-quote-and-feedback-base.json`
- [Logo First Card Layout by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-work-experience-cards-logo-first-card-layout): A card that leads with the company logo beside your title and dates. Use it when recognizable employers carry weight and you want brands seen first. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-work-experience-cards-logo-first-card-layout.json`
- [Inline Resource Callout by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resource-download-sections-inline-resource-callout): A compact callout that slots into running text to point readers at a related file. Use it to surface a download right where it stays relevant. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resource-download-sections-inline-resource-callout.json`
- [Map With Contact Info by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-map-with-contact-info): Pairs an embedded location map with address, phone, and email details. Use it when clients need to find your studio or office alongside ways to reach you. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-map-with-contact-info.json`
- [Horizontal Blog Carousel by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-blog-writing-and-previews-horizontal-blog-carousel): A horizontal carousel of blog cards that scrolls sideways. Use it to preview recent posts in a tidy row without taking up much vertical space. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-blog-writing-and-previews-horizontal-blog-carousel.json`
- [Video Recording Embed by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-event-speaking-and-workshops-video-recording-embed): A section embedding a recorded talk video alongside its title and context. Lets visitors watch you present without ever leaving your portfolio. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-event-speaking-and-workshops-video-recording-embed.json`
- [Standard Grid by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-project-displays-standard-grid): An even grid of project cards, each with a cover image, title, and short caption. Use it as the main index for browsing a portfolio at a glance. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-project-displays-standard-grid.json`
- [Featured Article List by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-blog-writing-and-previews-featured-article-list): A list that leads with one large featured article followed by smaller entries. Use it to spotlight your best post while listing recent writing. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-blog-writing-and-previews-featured-article-list.json`
- [Simple Inline Form by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-simple-inline-form): A single row with an email input and a subscribe button. Slots into any section when you want a quick, low friction way to gather addresses. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-simple-inline-form.json`
- [Side By Side Image Story by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-case-studies-side-by-side-image-story): A two column block placing a project image beside its written story. Pairs visuals and narrative to walk readers through a single case study. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-case-studies-side-by-side-image-story.json`
- [Minimal Form With Social by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-minimal-form-with-social): A compact contact form sitting beside a row of social media icons. Fits portfolios that want one simple message field and links to your other profiles. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-minimal-form-with-social.json`
- [Timeline Speaking Engagements by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-event-speaking-and-workshops-timeline-speaking-engagements): A vertical timeline charting talks and workshops in date order. Use it to show how your speaking history has grown across many events over time. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-event-speaking-and-workshops-timeline-speaking-engagements.json`
- [Split CTA by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-split-cta): A two column banner with a message on one side and the action button on the other. Keeps the copy and the click target distinct and easy to scan. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-split-cta.json`
- [Grid Of Core Values by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-mission-and-values-grid-of-core-values): A grid of cards, each naming one core value with an icon and a short line of detail. Use it to lay out the principles behind your work at a glance. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-mission-and-values-grid-of-core-values.json`
- [Inline CTA by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-inline-cta): A slim call to action that sits within page content, pairing one line of copy with a button. Place it between sections to nudge readers without interrupting. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-inline-cta.json`
- [Grid Blog Cards by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-blog-writing-and-previews-grid-blog-cards): A responsive grid of blog cards with cover image, title, and excerpt. The standard layout for browsing many articles on a writing index page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-blog-writing-and-previews-grid-blog-cards.json`
- [Quote Stack by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-project-displays-quote-stack): A vertical stack of client quotes paired with project names and roles. Use it to weave testimonials into a project page and back up your results with words. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-project-displays-quote-stack.json`
- [Resume Download by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-about-and-skills-resume-download): A compact call to action with a download button and file details for your CV. Lets recruiters grab your resume in one click from a portfolio page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-about-and-skills-resume-download.json`
- [Process Principles by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-process-and-approach-process-principles): A section that lists the principles guiding how you tackle each project. Use it to state the beliefs behind your method alongside short explanations. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-process-and-approach-process-principles.json`
- [Accordion Expandable Case Studies by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-case-studies-accordion-expandable-case-studies): An accordion that expands each case study to reveal the full story. Use it to list many projects while keeping the page compact until one is tapped. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-case-studies-accordion-expandable-case-studies.json`
- [Three Pillars Layout by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-mission-and-values-three-pillars-layout): Three equal columns, each presenting one guiding pillar with a heading and text. Use it to summarize the ideas your practice is built around. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-mission-and-values-three-pillars-layout.json`
- [Vertical Step Timeline by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-mission-and-values-vertical-step-timeline): A vertical timeline that marks milestones and values down the page in order. Use it to trace how your mission took shape over time for visitors. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-mission-and-values-vertical-step-timeline.json`
- [YouTube Video Strip by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-social-media-embeds-youtube-video-strip): A horizontal strip of YouTube thumbnails with titles and view counts. Place it on a channel page to let visitors scan and open videos in one click. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-social-media-embeds-youtube-video-strip.json`
- [Large Visual Focus Case Study by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-case-studies-large-visual-focus-case-study): A case study block built around one large hero image with supporting copy. Use it when the visual result of the project tells the story best. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-case-studies-large-visual-focus-case-study.json`
- [Service Cards Grid by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-core-services-overview-service-cards-grid): A responsive grid of service cards, each with an icon, heading, and short description. Lays out everything you offer in a tidy, balanced overview. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-core-services-overview-service-cards-grid.json`
- [Social Icons Feed by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-social-media-embeds-social-icons-feed): A compact row of platform icons that link out to every profile you maintain. Drop it in a footer or sidebar so visitors can follow you anywhere fast. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-social-media-embeds-social-icons-feed.json`
- [Highlighted Post by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-social-media-embeds-highlighted-post): A single featured post pinned in a clean card with avatar, caption, and engagement counts. Spotlights your best content when one example carries the message. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-social-media-embeds-highlighted-post.json`
- [Minimal List Dates by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-blog-writing-and-previews-minimal-list-dates): A plain text list of post titles with publish dates beside each one. Use it when you want a fast, distraction free archive of all your writing. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-blog-writing-and-previews-minimal-list-dates.json`
- [Simple Download Button by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resume-and-downloads-simple-download-button): A single clear button that downloads your resume in one click. Use it when you want the lightest possible way to share a CV on any portfolio page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resume-and-downloads-simple-download-button.json`
- [Resources Grid by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resource-download-sections-resources-grid): A grid of resource cards, each with an icon, title, and download action. Use it to present a full library of guides and templates in one tidy section. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resource-download-sections-resources-grid.json`
- [Card Style Signup by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-card-style-signup): A bordered card holding a headline, short pitch, and email field. Use it as a standalone callout inviting visitors to join your mailing list. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-card-style-signup.json`
- [Card With Project Showcase by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-work-experience-cards-card-with-project-showcase): A role card paired with a thumbnail of the project you shipped there. Connects each position to concrete work so visitors see outcomes, not just titles. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-work-experience-cards-card-with-project-showcase.json`
- [Cycle Diagram by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-process-and-approach-cycle-diagram): A circular diagram showing the stages of your process as a repeating loop. Use it to convey an iterative way of working where steps feed back in. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-process-and-approach-cycle-diagram.json`
- [Awards Timeline by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-awards-and-recognition-awards-timeline): A vertical timeline listing awards by year with titles and issuers. Use it to walk visitors through your honors in chronological order on a profile. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-awards-and-recognition-awards-timeline.json`
- [Split Layout by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-split-layout): A two column section with intro copy on one side and the contact form on the other. Balances a personal message with a clear path to get in touch. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-split-layout.json`
- [Featured Award Highlight by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-awards-and-recognition-featured-award-highlight): A spotlight block centered on a single major award with its name, year, and a short note. Use it to lead with your most impressive recognition. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-awards-and-recognition-featured-award-highlight.json`
- [Split Section Signup by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-split-section-signup): A two column section with descriptive copy beside the signup form. Explains what subscribers get while keeping the email field clearly in view. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-email-signup-and-newsletter-split-section-signup.json`
- [Stacked Highlight Cards by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-featured-work-highlights-stacked-highlight-cards): A vertical stack of project cards, each holding an image, title, and tags. Use it to walk visitors through selected highlights in a clear reading order. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-featured-work-highlights-stacked-highlight-cards.json`
- [Numbered Process Style Services by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-core-services-overview-numbered-process-style-services): A numbered sequence that frames your services as ordered steps with titles and notes. Shows clients how you work and what to expect at each stage. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-core-services-overview-numbered-process-style-services.json`
- [Resume With Short Bio CTA by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resume-and-downloads-resume-with-short-bio-cta): A short bio next to a clear call to action that downloads your resume. Use it to introduce yourself and hand over your CV in one focused block. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resume-and-downloads-resume-with-short-bio-cta.json`
- [Full Width Bold Banner by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-full-width-bold-banner): A wide banner with a large heading and a single prominent button. Use it to span the page and push visitors toward hiring you or booking a call. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-full-width-bold-banner.json`
- [Popup Trigger Contact by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-popup-trigger-contact): A button that opens the contact form in a modal dialog, keeping the page clean. Good for portfolios where you want the form hidden until a visitor asks. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-contact-sections-popup-trigger-contact.json`
- [Why Me Vs Competition by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-why-work-with-me-why-me-vs-competition): A two column comparison table contrasting your offer against typical alternatives. Helps undecided visitors see why you are the better choice at a glance. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-why-work-with-me-why-me-vs-competition.json`
- [Storytelling Approach by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-why-work-with-me-storytelling-approach): A narrative section that walks through your process in ordered steps with supporting copy. Use it to explain how you work and win over cautious buyers. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-why-work-with-me-storytelling-approach.json`
- [Before After Comparison by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-why-work-with-me-before-after-comparison): A split panel that shows a project before and after your work with a draggable divider. Proves your impact visually when results speak louder than text. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-why-work-with-me-before-after-comparison.json`
- [Carousel Slider by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-hero-showcases-carousel-slider): A hero with a sliding carousel of images behind a headline and short intro. Use it to cycle through signature work the moment a portfolio loads. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-hero-showcases-carousel-slider.json`
- [Minimalist Resource List by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resource-download-sections-minimalist-resource-list): A plain vertical list of resources, each a title and a download link. Use it when you want a quiet, fast index of files with no extra clutter. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-resource-download-sections-minimalist-resource-list.json`
- [Masonry Layout Articles by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-blog-writing-and-previews-masonry-layout-articles): A masonry grid of article cards with varied heights for a dynamic feel. Fits posts that mix tall images with short text on a writing showcase. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-blog-writing-and-previews-masonry-layout-articles.json`
- [Floating Elements by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-hero-showcases-floating-elements): A hero with floating shapes and images drifting around a centered headline. Use it to add motion and personality to a creative portfolio landing. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-hero-showcases-floating-elements.json`
- [Sticky CTA by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-sticky-cta): A banner that stays fixed as the visitor scrolls, keeping a button always in view. Useful for long portfolio pages where the offer should stay reachable. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-cta-banner-sticky-cta.json`
- [Event Cards Grid by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-event-speaking-and-workshops-event-cards-grid): A grid of cards listing talks and workshops with their title, date, and venue. Use it to present many speaking appearances in one scannable layout. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-event-speaking-and-workshops-event-cards-grid.json`
- [Minimalist Role Highlight by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-work-experience-cards-minimalist-role-highlight): A pared back card showing title, company, and dates with generous spacing. Ideal for a clean resume page where the focus stays on the roles themselves. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-work-experience-cards-minimalist-role-highlight.json`
- [Instagram Grid by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-social-media-embeds-instagram-grid): A responsive photo grid that mirrors an Instagram profile layout with hover overlays for likes and comments. Use it to preview a visual feed on a portfolio. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-social-media-embeds-instagram-grid.json`
- [Scrollable Quote Carousel by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-quote-and-feedback-scrollable-quote-carousel): A carousel that slides through client quotes one at a time with author details. Use it to rotate testimonials without crowding a portfolio page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-quote-and-feedback-scrollable-quote-carousel.json`
- [Quote Award Combo by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-awards-and-recognition-quote-award-combo): A block pairing a testimonial quote with an award badge side by side. Combines praise and recognition to build credibility on a portfolio page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-awards-and-recognition-quote-award-combo.json`
- [Badge Or Icon Grid by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-awards-and-recognition-badge-or-icon-grid): A responsive grid of award badges or icons with short captions. Displays many certifications and honors at a glance on a portfolio about page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-awards-and-recognition-badge-or-icon-grid.json`
- [Timeline Style Case Study by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-case-studies-timeline-style-case-study): A timeline that maps a project across stages from the first brief to outcome. Use it to show your process and results step by step in one case study. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-case-studies-timeline-style-case-study.json`
- [Stacked Cards by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-process-and-approach-stacked-cards): A vertical stack of cards, each describing one phase of your process in turn. Use it to walk a client through how an engagement unfolds step by step. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-process-and-approach-stacked-cards.json`
- [Vertical Timeline by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-process-and-approach-vertical-timeline): A vertical timeline that maps each process phase down the page in sequence. Use it to show the path a project follows from kickoff through delivery. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-process-and-approach-vertical-timeline.json`
- [About Me by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-about-and-skills-about-me): An about section pairing a portrait with a short bio, role, and contact links. Tells visitors who you are and why they should hire you on a portfolio page. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-about-and-skills-about-me.json`
- [Grid Of Quotes by @shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-quote-and-feedback-grid-of-quotes): A grid that arranges several short client quotes side by side with names and roles. Use it to gather feedback from many clients in one compact section. `npx shadcn@latest add https://shadcn.exchange/r/shadcn-ui-blocks/portfolio-portfolio-quote-and-feedback-grid-of-quotes.json`

## Paid portfolio blocks

All 38 blocks, best first. Their registries sell these: each installs from its registry once bought.

- [Portfolio 02 - Featured Project Portfolio by @shadcn-space](https://shadcn.exchange/r/shadcn-space/portfolio-02): A clean portfolio section designed to highlight standout projects with strong visuals and concise details, helping teams showcase expertise, demonstrate capabilities, and build credibility with potential clients.
- [Portfolio 07 - Real Estate Portfolio Section by @shadcn-space](https://shadcn.exchange/r/shadcn-space/portfolio-07): A modern real estate showcase highlighting residential and commercial properties through immersive visuals and key details, helping platforms drive buyer interest.
- [Portfolio 05 - Property Listings by @shadcn-space](https://shadcn.exchange/r/shadcn-space/portfolio-05): A modern property grid designed to showcase real estate listings with high-quality visuals, key details, and pricing—helping platforms present options clearly and enhance buyer engagement.
- [Portfolio 03 - Project Gallery by @shadcn-space](https://shadcn.exchange/r/shadcn-space/portfolio-03): A structured portfolio grid that showcases multiple projects with clear visuals and labels, enabling teams to present diverse work, highlight specialization, and create a strong professional impression.
- [Portfolio 09 - Categorized Project Showcase by @shadcn-space](https://shadcn.exchange/r/shadcn-space/portfolio-09): A portfolio grid with category filter pills; switching categories crossfades smoothly into a freshly shuffled set of project cards.
- [Portfolio 06 - Portfolio Carousel Section by @shadcn-space](https://shadcn.exchange/r/shadcn-space/portfolio-06): A clean carousel layout combining side content with sliding visuals, helping teams present product experiences, usability, and real-world applications in an engaging way.
- [Portfolio 08 - Stacked Portfolio Section by @shadcn-space](https://shadcn.exchange/r/shadcn-space/portfolio-08): A vertically stacked portfolio layout showcasing multiple product categories with supporting visuals and content, enabling teams to present cross-platform capabilities and consistent design systems.
- [Portfolio 04 - Product / Portfolio Showcase by @shadcn-space](https://shadcn.exchange/r/shadcn-space/portfolio-04): A dynamic portfolio layout crafted to highlight real-world products with immersive visuals and context, helping teams demonstrate practical impact, innovation, and design excellence.
- [Project Showcase Grid by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio101): Portfolio grid of project cards with hover-zoom imagery, numbered titles, category tags and a seal arrow link.
- [Work Marquee by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio102): Full-bleed auto-scrolling marquee of studio projects with a header and view-all CTA.
- [Career Highlights Timeline by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio98): Vertical timeline showcasing career milestones with achievement icons, year badges, descriptions, and key metrics. Perfect for professionals displaying awards, launches, and growth achievements.
- [Future Goals Progress Cards by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio99): Goal cards with icons, timeframe badges, descriptions, and visual progress bars showing completion percentage. Perfect for sharing personal or professional aspirations and current progress.
- [Personal Introduction Hero by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio67): Hero section with circular avatar photo, name, role/title, bio description, and CTA button. Perfect for personal portfolio landing pages and professional introductions.
- [Filterable Project Grid by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio107): 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.
- [Featured Case Study Card by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio79): Two-column project showcase with large image, project description, technology/skill badges, and case study CTA. Perfect for highlighting featured portfolio projects with reversible layout.
- [Alternating case-study rows by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio109): Three alternating case-study rows pairing a large rounded image with a title, description, detail line, and an editorial link.
- [Awards & Highlights Ledger by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio116): Recognition section pairing a ruled list of awards with two to three highlighted project thumbnails.
- [Filtered Work Tabs by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio106): Discipline-tabbed project gallery using shadcn Tabs with a grid of cards per category.
- [Freelancer FAQ Accordion by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio61): Expandable accordion FAQ section with collapsible question-and-answer cards. Perfect for freelancers and consultants displaying project timeline, payment, and support questions.
- [Recent Work List by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio115): Compact recent-work list of ruled rows, each a link with a small thumbnail, title, year, and an arrow.
- [Speaking Engagements Timeline by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio90): Conference and event speaking schedule with upcoming and past talks, dates, locations, attendee counts, and video/slides links. Perfect for speakers and thought leaders showcasing their talks.
- [Mentorship Pricing Plans by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio94): Three-tier mentorship pricing section with duration, session counts, feature checklists, and booking CTAs. Perfect for coaches and mentors offering paid coaching packages.
- [Client wall & selected work strip by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio113): A grayscale grid of bordered client logo cells followed by a strip of three selected-work thumbnails with titles, each linking out.
- [Selected Work Index by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio118): 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.
- [Featured project + grid by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio110): One large featured project with image, category, and title, followed by a row of smaller project cards. Monochrome studio styling.
- [Video Introduction Player by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio88): Video showcase section with thumbnail image, play button overlay, duration badge, and modal video player. Perfect for personal introduction videos or portfolio reels.
- [Collaboration Partners Grid by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio89): Grid of partner cards featuring circular avatars, names, roles, skill badges, and clickable links. Perfect for showcasing team members, collaborators, or professional network.
- [Work Preferences Checklist by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio97): 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.
- [Open Source Contributions by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio92): Repository showcase with stars, forks, contribution counts, maintainer/contributor badges, and language tags. Perfect for developers highlighting their open source work.
- [Staggered Editorial Gallery by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio111): 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.
- [Contact Call-to-Action Footer by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio100): Centered contact section with headline, description, primary CTA button, and social media link buttons with handles. Perfect for portfolio page footers encouraging visitor engagement.
- [Typographic Index by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio105): Oversized type project index where each row reveals a thumbnail and shifts to the accent on hover.
- [Project Index Rows by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio112): Editorial project index of ruled rows — padded numeral, project name, client and year, with a floating thumbnail revealed on hover.
- [Interactive Work Index by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio104): A numbered project index that cross-fades a sticky image preview as each row is hovered.
- [Bento Gallery by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio103): Asymmetric bento mosaic of project tiles with overlaid titles and hover seal arrows.
- [Case Study Spotlight by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio117): 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.
- [Uniform project card grid by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio114): 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.
- [Masonry Archive Gallery by @beste-ui](https://shadcn.exchange/r/beste-ui/portfolio108): Masonry archive gallery in a CSS columns layout — project stills of varying heights, each linking out with a title and year caption beneath.

## Registries with the most portfolio blocks

- [@shadcn-ui-blocks](https://shadcn.exchange/r/shadcn-ui-blocks): 99 blocks, all free
- [@beste-ui](https://shadcn.exchange/r/beste-ui): 30 blocks, all paid
- [@shadcn-space](https://shadcn.exchange/r/shadcn-space): 9 blocks, 1 free and 8 paid
- [@uiable](https://shadcn.exchange/r/uiable): 6 blocks, all free
- [@ballmac](https://shadcn.exchange/r/ballmac): 2 blocks, all free
- [@evilcharts](https://shadcn.exchange/r/evilcharts): 1 block, free
- [@geturui](https://shadcn.exchange/r/geturui): 1 block, free
- [@hirael](https://shadcn.exchange/r/hirael): 1 block, free
- [@motion-lexicon](https://shadcn.exchange/r/motion-lexicon): 1 block, free
- [@neobrutal-ui](https://shadcn.exchange/r/neobrutal-ui): 1 block, free
- [@pacekit](https://shadcn.exchange/r/pacekit): 1 block, free
- [@paceui](https://shadcn.exchange/r/paceui): 1 block, free
- [@shadcn-studio](https://shadcn.exchange/r/shadcn-studio): 1 block, free
- [@uiception](https://shadcn.exchange/r/uiception): 1 block, free
- [@ui-layouts](https://shadcn.exchange/r/ui-layouts): 1 block, free
- [@watermelon](https://shadcn.exchange/r/watermelon): 1 block, free