Portfolio Block helps you create and display modern, responsive portfolios with multiple layouts, filters, and full design control.

Freemius

Abu Hayat

bPlugins

Charles Cormier

Prosanta Roy

Ruhul Amin

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.
You can build a portfolio using the Gutenberg block or generate a shortcode and display it anywhere on your site, including pages, posts, widgets, footers, or page builders.
<a href="https://bplugins.com/products/portfolio-block/" rel="nofollow ugc">Portfolio Block</a> | <a href="https://bplugins.com/docs/portfolio-block/" rel="nofollow ugc">Documentation</a> | <a href="https://bplugins.com/products/portfolio-block/pricing" rel="nofollow ugc">Pricing</a> | <a href="https://bplugins.com/support/" rel="nofollow ugc">Support</a> | <a href="https://bblockswp.com/demo/portfolio-block-all-demos/" rel="nofollow ugc">Demo</a>
<h3>Key Features – Free Version</h3>
<ul>
<li>Multiple Layouts – Grid, Masonry, and Card Hover layouts for flexible portfolio design.</li>
<li>Unlimited Categories – Organize projects with as many categories as you need and allow users to filter by category.</li>
<li>Portfolio Items – Add images, titles, descriptions, and external or internal links. Assign multiple categories per item.</li>
<li>Item Management – Duplicate, delete, or reorder items with simple controls.</li>
<li>Responsive Controls – Adjust columns, spacing, and layout settings for desktop, tablet, and mobile.</li>
<li>Styling Options – Customize colors, borders, shadows, spacing, and overlay settings to match your theme.</li>
<li>View All Button – Add a customizable button linking to your full portfolio archive or a separate page.</li>
<li>Shortcode Support – Use your portfolio anywhere with the shortcode format: [pfb id=”123″].</li>
</ul>
<h3>Portfolio Block Pro – Unlock Advanced Features</h3>
<h3>Pro Features Include</h3>
<ul>
<li>Advanced Layouts – Split Screen, Slider, Minimal List, and Stacked Cards for more dynamic presentation styles.</li>
<li>Typography Controls – Adjust fonts, sizes, colors, weight, and alignment for titles, categories, and descriptions.</li>
<li>Hover and Animation Effects – Premium hover transitions and animations for a more interactive experience.</li>
<li>Slider Options – Autoplay, loop, pause on hover, navigation controls, and speed settings for slider-based portfolios.</li>
<li>Advanced Styling – More control over buttons, badges, icons, overlays, and spacing.</li>
<li>
Specialized Portfolio Blocks – Create niche-specific portfolios using professionally designed blocks:
<ul>
<li>
Developer Portfolio – Create a developer portfolio page directly inside Gutenberg to showcase projects and technical work.
</li>
<li>
Fashion Portfolio – Display fashion collections, lookbooks, and brand campaigns.
</li>
<li>
Marketing Portfolio – Present case studies, campaign results, and marketing projects.
</li>
<li>
Photography Portfolio – Highlight photography collections with visual-focused layouts.
</li>
<li>
Resume Builder – Create a professional resume or CV portfolio page directly inside Gutenberg.
</li>
</ul>
</li>
<li>Priority Support – Faster support and ongoing updates with the Pro upgrade.</li>
</ul>
<h3>How to Use Portfolio Block – Step-by-Step Guide</h3>
Getting started with Portfolio Block is quick and easy!
<h3>Step-by-Step Instructions</h3>
<ol>
<li>Install and activate Portfolio Block. </li>
<li>Open the Block Editor and click the + icon. </li>
<li>Search for Portfolio (by bPlugins). </li>
<li>Add your portfolio items and customize your layout. </li>
<li>Publish your page.</li>
</ol>
<h3>Shortcode Usage</h3>
<ol>
<li>Go to Portfolio Block → Add New Portfolio in the dashboard.</li>
<li>Create your portfolio using the block editor.</li>
<li>Publish it.</li>
<li>Copy the shortcode that appears after publishing.</li>
<li>Paste it anywhere on your site where you want the portfolio to appear.</li>
</ol>
<h3>Feedback</h3>
Have a suggestion or question? 
Email us: support@bplugins.com
<h3>Check out our other WordPress Plugins-</h3>
<a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc">Html5 Video Player</a> – Display videos as single and playlist in multiple skins.
<a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc">PDF Poster</a> – Display/Embed PDF files with different styles.
<a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc">Html5 Audio Player</a> – Listen audios with awesome visuals.
<a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc">StreamCast</a> – Customizable radio player with different skins.
<a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc">3D Viewer</a> – Embed 3D models and 3D products with interaction.
<a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc">Advanced Post Block</a> – Show posts and custom posts in different layouts.
<a href="https://bblockswp.com" rel="nofollow ugc">bBlocks</a> – A blocks collection and page building tool for Gutenberg.

Alternatives to Portfolio Block – The Ultimate Project & Portfolio Builder

Top alternatives