Elfsight Birthday Sale
Masonry Portfolio

Webflow Masonry Portfolio widget

Embrace the unconventional with our ready-to-use Masonry Portfolio template designed to showcase your work in a dynamic and visually striking layout on the Webflow website. Break free from traditional grid designs and present your work in a unique and captivating format that draws visitors in and keeps them intrigued.
Rated 4.8 out of 5 from over 800 reviews on G2.com
No credit card required
Easy installation
100% Webflow compatible
Free plan available
  • Project Content Upload
  • Categories
  • Author Details
  • Call-to-Action Button
  • Popup
  • Custom Header
  • Project Card Styles
  • Multiple Layout Styles
  • Action on Project Click
  • Advanced Color and Font Settings
  • Custom CSS & JavaScript Editors
  • Language Localization
  • Coding-Free Editor
  • Optimized for All Mobile Devices
  • Page-Speed Friendly Lazy Loading
  • Seamless Website Integration
Template Catalog

Need a Different Template?

Check out more ready-made templates for any use case or build your own!
Add a one-page portfolio widget on a website to create a powerful online presence and entice potential clients.
Embed a portfolio widget on a website and offer smooth transitions between your best work with a slider format.
Create a portfolio template to display multiple projects in a visually appealing grid layout on your website.
Embed a portfolio plugin on a website and present visual media in a captivating gallery.
Create an engaging portfolio plugin with a slideshow format for your website page.
Embed a portfolio widget on a website and deliver adaptability to any screen size due to responsiveness.
Adding a portfolio plugin in a static layout to a website provides a needed focus on the details.
Embedding a basic portfolio template on a website provides quick access to the most important work and bio.
No Suitable Template?
You can easily assemble the widget you need using our simple-to-use configurator.

Here’s what people say about Elfsight Portfolio widget


How to add the Masonry Portfolio code to the Webflow website?

To add the Masonry Portfolio to your Webflow website, do the following:

  1. Modify the look and add the formula for the Portfolio widget to match the website specifications.
  2. Log in to your Elfsight dashboard or set up a free account.
  3. Obtain the generated embedding code.
  4. Go to your Webflow website.
  5. Put the code into your website editor. You’re all done!

To get more information, we’ve prepared a comprehensive blog article about how to add Portfolio to any website. Explore it without any hesitation!

What website platforms does the Masonry Portfolio widget integrate with besides Webflow?

It doesn’t matter which platform or CMS you use: the widget allows you to add the Calculator HTML code to almost every website. But here’s a list of the top 9 most popular ones based on our users’ choices:

Squarespace, Wix, HTML, WordPress, Shopify, Elementor, Google Sites, GoDaddy, iFrame.

Do I need to have programming skills to embed the Masonry Portfolio widget code?

No, there’s no need for that. To sum it up, external apps or programming expertise are not required to add your Masonry Portfolio to the Webflow website. Elfsight’s user-centric widgets offer a smooth experience for enhancing additional website features, eliminating the need for advanced technical knowledge.

Can I use the Masonry Portfolio template for free?

Of course. Elfsight extends its range for all widget enthusiasts with a few subscription plans: Free, Basic, Pro, Premium, and Enterprise. Each level is set to offer custom elements and features to the brim, directing you toward unique outcomes with rapid integration. You’re encouraged to start with the Free tier but bear in mind that there is always room for growth, enabling you to gain access to even more amazing bonuses.

Where can I add the Masonry Portfolio on my Webflow website?

The outcome should be carefully considered based on your Webflow website configuration and objective. You might take marketing aspects where the widget eclipses the focus of prospective employers and clients or transition its purpose to use a portfolio in an aesthetically pleasing way. Here are some usual spots where you can add it: main page, specialized portfolio area, bio page, services page, sidebar, and blog posts.

How to customize the Masonry Portfolio widget code?

Personalize the widget’s appearance to align with the skill and elegance of the projects. Here’s the breakdown of capabilities:

  • Content
    The widget is fully equipped to set up all your client’s projects and author information. Kick things off by individually uploading cases and enriching them with bright imagery, comprehensive descriptions, and links to associated websites. To facilitate navigation, enable categories to group projects by topic. Include the author’s features like full name, bio, photo, contact details, and an effective call-to-action button.
  • Advanced settings
    Elfsight offers three ready-to-use layouts—Grid, Masonry, and List—as well as various project design styles. Define the content you want to share and determine the action that occurs by clicking on a project.
  • Custom elements and features
    Nevertheless, there are still countless things to delve into, including color schemes, popups, fonts, JS editor, CSS editor, and many more.

Don’t worry about any hiccups or confusion along the way—our devoted Customer Support Team is always available to assist you, guaranteeing a smooth experience from beginning to end!

Help with Masonry Portfolio Setup and Website Installation

We can assist with every barrier in your widget template adventure by offering an array of accessible sources, guidance from our Support team, and engagement with fellow members of the Elfsight community. Explore now:

Elfsight Birthday Sale
33% OFF
Get your spot at our party!
Grab The Deal