Showcase your projects like a pro – build clean, modern, filterable portfolios right inside the WordPress block editor, no page builder required.

Portfolio Block | Documentation | Pricing | Support | Demo

Portfolio Block is a WordPress Gutenberg portfolio builder that helps freelancers, designers, developers, photographers, agencies, and creative professionals showcase their work directly on their websites.

Create a portfolio gallery, filterable portfolio, developer portfolio, photography portfolio, or project showcase using the WordPress Block Editor. Organize projects into categories, customize the layout, and choose how visitors interact with portfolio items.

The free version includes grid, masonry, and card hover layouts, category filtering, responsive controls, styling options, and shortcode support. Portfolio Block Pro adds advanced layouts, ready-made templates, dynamic portfolios, case studies, video galleries, interactive project displays, and specialized portfolio blocks.

Why Use Portfolio Block?

Portfolio Block makes it easy to create a clean, modern portfolio directly inside the WordPress block editor. It includes multiple layouts, category filters, responsive controls, and full design flexibility – ideal for freelancers, designers, photographers, agencies, or anyone who wants to showcase projects in a professional way.

Build a portfolio with the Gutenberg block, or generate a shortcode and display it anywhere on your site – pages, posts, widgets, footers, or page builders. Native Gutenberg, fast loading, lightweight, SEO friendly, and fully responsive, with unlimited projects and categories.

Key Features – Free Version

Multiple Layouts – Grid, Masonry, and Card Hover layouts for flexible portfolio design.
Unlimited Categories – Organize projects with as many categories as you need and allow users to filter by category.
Portfolio Items – Add images, titles, descriptions, and external or internal links. Assign multiple categories per item.
Item Management – Duplicate, delete, or reorder items with simple controls.
Responsive Controls – Adjust columns, spacing, and layout settings for desktop, tablet, and mobile.
Styling Options – Customize colors, borders, shadows, spacing, and overlay settings to match your theme.
View All Button – Add a customizable button linking to your full portfolio archive or a separate page.
Shortcode Support – Use your portfolio anywhere with the shortcode format: [pfb id=”123″].

Portfolio Block Pro – Unlock Advanced Features

Pro Features Include

Advanced Layouts – Split Screen, Slider, Minimal List, and Stacked Cards for more dynamic presentation styles.
Typography Controls – Adjust fonts, sizes, colors, weight, and alignment for titles, categories, and descriptions.
Hover and Animation Effects – Premium hover transitions and animations for a more interactive experience.
Slider Options – Autoplay, loop, pause on hover, navigation controls, and speed settings for slider-based portfolios.
Advanced Styling – More control over buttons, badges, icons, overlays, and spacing.
Full Template Library – 43 ready-made portfolio sections in 12 categories (agency, personal, business, photography & fashion, video, case studies, hire me and more). Preview any template, import it in one click and save favorites.
Image Protection & Age Verification – Keep photos from being saved, and put sensitive galleries or videos behind an age gate (Client Proofing and Video Portfolio).
Specialized Portfolio Blocks – Create niche-specific portfolios using professionally designed blocks:
- Dynamic Portfolio – Pull posts, projects or any custom post type into a filterable, paginated grid. AJAX category filter, sorting, Load More / Infinite Scroll / numbered pages, and fully server rendered so the items are in the page source for search engines.
- Case Study – Tell the full story of a single project: hero, client meta, result metrics, challenge/solution/outcome, process steps, gallery, client quote and a call to action. Every section can be switched off, and columns, spacing and type sizes are set per device.
- Developer Portfolio – Create a developer portfolio page directly inside Gutenberg to showcase projects and technical work.
- Fashion Portfolio – Display fashion collections, lookbooks, and brand campaigns.
- Marketing Portfolio – Present case studies, campaign results, and marketing projects.
- Photography Portfolio – Highlight photography collections with visual-focused layouts.
- Resume Builder – Create a professional resume or CV portfolio page directly inside Gutenberg.
- Before & After – Show the transformation behind your work with a draggable before and after image comparison.
- 3D Carousel Portfolio – An immersive drag-to-rotate 3D media wall for hero sections, project showcases and brand walls. Mixes images and video with atmospheric fog depth.
- Video Showreel – Present your reel and video projects in a fast, poster-first grid that only loads a player when someone hits play.
- Video Portfolio – A filterable video grid with load more, hover autoplay and a lightbox player. Ships with four preset layouts.
- Client Proofing – Share a photo gallery with a client so they can pick favorites, leave notes on each photo and send the final selection back to you.
- Interactive Portfolio – A typographic project list that reveals an image or video on hover. Two layouts: a preview that follows the cursor, and a thumbnail that opens inside the row.
- Horizontal Portfolio – Horizontal project cards that open a details popup. The popup is a template you design with blocks.
- Slide Portfolio – A responsive portfolio slider with six designs: minimal arrows, color overlay, glass caption, frosted panel, card and label. Swipe, loop, autoplay, arrows or pagination, and a lightbox for images and video.
- Pinterest Portfolio – A Pinterest style masonry wall where every pin keeps its real shape. Category filters, load more, a pin detail view with “More like this”, shareable pin links and a Save to Pinterest button. Add dozens of images in one go.
- Portfolio Studio – One portfolio section, six designs: Aurora glass grid, Low Light, Index list with a live preview, Carousel with autoplay and progress, Brutalist and Collector cards. Category filters and a project detail view with client, role and result.
- Case File – A one-screen case study: hero with project facts, tabbed challenge, approach and outcome, result metrics and process steps, in Split, Spotlight and Editorial layouts.
- Lead Form – A “Hire Me” / “Get a Quote” form for your portfolio. Enquiries are saved under Portfolio Leads (with status and CSV export) and emailed to you; optional confirmation email to the visitor. Spam is stopped without a captcha.
Priority Support – Faster support and ongoing updates with the Pro upgrade.

Portfolio Items

Add the following information to portfolio items:
– Images
– Titles
– Descriptions
– Internal links
– External links
– Categories

Common Use Cases

Portfolio Block can be used for many types of WordPress websites.

Personal Portfolio: Showcase your skills, experience, and creative work.
Freelancer Portfolio: Present client projects and attract new customers.
Developer Portfolio: Display websites, apps, plugins, and software projects.
Photography Portfolio: Create a visual photography gallery with lightbox support.
Agency Portfolio: Showcase services, client work, and successful projects.
Design Portfolio: Present graphic design, UI/UX, branding, and creative projects.
Marketing Portfolio: Display campaigns, case studies, and marketing projects.
Product Showcase: Present products, product designs, and featured work.
Creative Portfolio: Build a visually engaging portfolio for creative professionals.
Resume Portfolio: Combine professional experience, projects, and skills into a portfolio page.

Specialized Portfolio Blocks

Portfolio Block Pro includes professionally designed portfolio layouts for different professional needs.

Developer Portfolio
Showcase websites, applications, plugins, software projects, GitHub projects, and technical work.

Fashion Portfolio
Display fashion collections, campaigns, and creative fashion projects.

Marketing Portfolio
Present marketing campaigns, case studies, client results, and creative marketing work.

Photography Portfolio
Create an image-focused photography portfolio for photographers, studios, and creative professionals.

Resume Builder
Create a professional resume or CV portfolio page containing experience, projects, skills, and professional information.

What Is Portfolio Block?

Portfolio Block is a Gutenberg portfolio builder for WordPress that lets you create responsive portfolio galleries and project showcases directly in the WordPress Block Editor.

Create portfolio grids, masonry layouts, card hover portfolios, sliders, minimal lists, split-screen portfolios, and stacked card layouts without relying on a separate page builder.

Use it to showcase:

Client projects
Websites and applications
Photography
Design work
Marketing campaigns
Products
Creative work
Professional experience
Case studies
Personal projects

Advanced Portfolio Layouts

Portfolio Block Pro adds advanced layouts for creating more distinctive portfolio pages:

Split Screen
Slider
Minimal List
Stacked Cards
Advanced typography
Hover animations
Advanced styling
Slider autoplay
Slider loop
Pause on hover
Navigation controls
Slider speed

Filterable Portfolio Gallery

Create a filterable portfolio in WordPress by organizing projects into categories.

Visitors can select a category to quickly find relevant projects, making the portfolio easier to browse.

Use category filtering for:

Web design projects
Photography collections
Client projects
Product categories
Marketing campaigns
Design work
Case studies

Portfolio Lightbox and Project Links

Choose what happens when visitors click a portfolio item:

Open a single-image lightbox
Open a gallery lightbox
Open a custom URL

Use lightbox layouts to let visitors explore visual projects without leaving the portfolio page.

Hover and Animation Effects

Add additional hover transitions and animation effects to portfolio layouts.

Slider Controls

The Pro Slider layout includes:
– Autoplay
– Loop
– Pause on hover
– Navigation controls
– Slider speed

Ready-Made Portfolio Templates

The Pro template library includes ready-made portfolio sections organized into categories such as agency, personal, business, photography, fashion, video, case studies, and hire-me layouts.

Preview templates, import them, and save favorites using the available template library features.

Display a Portfolio with a Shortcode

Portfolio Block supports shortcode output for saved portfolios.

Create and publish a portfolio using the available portfolio editor.
Find the generated shortcode in the portfolio management area.
Copy the shortcode.
Paste it into a compatible shortcode-enabled area of your WordPress website.

The documented shortcode format is [pfb id=”123″], where the ID identifies the portfolio.

Happy User of Portfolio Block?

Join our Facebook Community Group
Learn from our tutorials on YouTube Channel
Or rate Portfolio Block on WordPress

How to Use Portfolio Block – Step-by-Step Guide

Getting started with Portfolio Block is quick and easy!

Step-by-Step Instructions

Install and activate Portfolio Block.
Open the Block Editor and click the + icon.
Search for Portfolio (by bPlugins).
Add your portfolio items and customize your layout.
Publish your page.

Shortcode Usage

Go to Portfolio Block Add New Portfolio in the dashboard.
Create your portfolio using the block editor.
Publish it.
Copy the shortcode that appears after publishing.
Paste it anywhere on your site where you want the portfolio to appear.

Feedback

Have a suggestion or question?
Email us: [email protected]

Check out our other WordPress Plugins-

Html5 Video Player – Display videos as single and playlist in multiple skins.

PDF Poster – Display/Embed PDF files with different styles.

Html5 Audio Player – Listen audios with awesome visuals.

StreamCast – Customizable radio player with different skins.

3D Viewer – Embed 3D models and 3D products with interaction.

Advanced Post Block – Show posts and custom posts in different layouts.

bBlocks – A blocks collection and page building tool for Gutenberg.

Portfolio Block – The Ultimate Project & Portfolio Builder