yehudaT

A portfolio block that lets you use images grid with multiple styling options.
The block displays a grid of images with options to link them to the work you present.
You can control the layout, the global colors, item background image, item overlay box-shadow css rule, item title level, animate portfolio loading, animate items image, image sliding strip on hover, image sliding strip Width and more.
You can export\import the portfolio attributes to a json file. This gives you an option to make changes without worrying if you don’t like the outcome, since you can always load back the attributes backup. It also gives you the option to import the attributes to other occurrences of the block in the same or another site.
It may be added to any page or post using the WordPress 5+ Gutenberg editor.
<h4>Features</h4>
<ul>
<li>Customizable: The block has many options to control the look of the portfolio.</li>
</ul>
<ol>
<li>It includes a parent block, the portfolio main block, and an item child block.</li>
<li>Each portfolio item content is controlled separately</li>
<li>The style is controlled globally (per portfolio block, not throughout the website)</li>
<li>you can export/import the settings of the portfolio</li>
</ol>
<h4>How to use</h4>
<ul>
<li>Install ATR Portfolio plugin</li>
<li>Add ATR Portfolio from the block category “Widgets” in the editor.</li>
<li>Use the + sign inside to add items to the portfolio. Use the settings sidebar to set the item image etc.</li>
<li>Control the block settings from the settings sidebar for global settings.</li>
<li>Enjoy!</li>
</ul>
<h3>See in the video</h3>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/bixtj10ncDo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>

Atr Portfolio

Portfolio block. Showcase your projects and portfolio work.

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.

Portfolio Block – The Ultimate Project & Portfolio Builder

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

Atr Portfolio vs Portfolio Block – The Ultimate Project & Portfolio Builder