From the early days of Beaver Builder, we've always embraced the philosophy that you, our users, are the best source of insight regarding the direction we should go with our product. We're always listening and learning from your feedback and ideas. On a few occasions, some of the most highly-requested features have proven to be very challenging to produce. However, it's always a fun day when we get to announce that we've solved one of those challenges and today is one of those days!
Beaver Builder 2.2 “Falcon”– named after the Falcon Dam in Mexico (and because Falcons are pretty sweet and we really like animal names) — is a designed-focused update that's bringing several enhancements and modern front-end-design features to Page Builder.
80+ New Prebuilt Row Templates
Back in April, Justin and I took a trip out to foggy London town for WordCamp London. We had an amazing time out there and, while this picture might not look it, one of the most productive meets and greets we had was with Paul Lacey and The Dickiebirds Studio crew.
Quite literally, on that computer screen pictured above, were the first iterations of the new row templates that are shipping in Falcon! To cut a long story short, Paul gave us a sneak peek of the project they were working on. Their UX and design work was fantastic, and we asked if they were interested in collaborating on some Beaver Builder templates.
In a genuine community/team effort, Falcon is bringing over 80 new row templates that can be mixed and matched for the creation of pages. Currently, Beaver Builder has a great selection of full-page templates that can be used as a starting place for new sites. Instead of creating more complete page templates, we opted for a more modular approach.
With the row templates for calls to action, pricing tables, teams, features, and much more, you can take an ‘al la carte’ approach to the next site that you build. Just pick and choose from the wide selection of designs and mash them up to create your own perfect page. Plus, many of the templates take advantage of the new design-focused features now available in 2.2!
Design and Aesthetic Goodies
Before Falcon, we put a lot of emphasis on improving UI/UX. In 2.2, we shifted gears and made significant improvements to the styling and design capabilities of Page Builder.
Row Shapes & Gradients
Nothing screams “bootstrap” or “page builder” like rigid, row-after-row designs. In Falcon, we're making it easier to “break out of the box” through adding shapes and gradients to your pages. There are a handful of built-in shapes which you can use to spruce up your designs like waves, points, slanted edges, and several others cool tweaks. The shapes can be pinned to the top or bottom of any row, and we've added functionality to tweak and customize their appearance. Furthermore, you can add your own custom row shapes via a few simple code snippets.
Similarly, instead of just using solid colors you can now create and use gradients as backgrounds for rows, row shapes, and columns. When the gradient background option is selected a new set of toggles will appear where one can dial in colors, direction, and style.
Also, we added a handful of new animation options for modules, rows, and columns. Previously, we used to recommend using animations very sparingly. However, we're seeing very tasteful examples of animations being used to enhance the experience of a page or article, more and more frequently.
Border and Box Shadow Controls
Rounded corners and box shadows are now native features in Page Builder! Once again, particularly for box shadows, don't overdo it. Remember, transparency is your friend! 🙂
Percent, Em, Rem, and Viewport-based Units
Here it is. This is big! Being able to use percentages and unit-types other than pixels has long been one of the most highly-requested features and I am genuinely thrilled to say it's now possible! You'll see new unit options available for all sorts of sizing and spacing options throughout Beaver Builder. Also, we snuck in the ability to link margin and padding values as opposed to entering each of the four values manually.
Quality of Life Improvements
As if all that wasn't enough for you, you do not need to worry, there's more! We made countless tweaks, improvements, and enhancements to several other areas like…
- Improved responsive editing mode
- An alpha slider addition to the color picker
- Row & column minimum height settings
- Ability to synchronize values for all dimension settings
- New features and improvements to over a dozen modules
- Global settings enhancements
- UI/UX tweaks and improvements
- and MANY more
Thoroughly Documented and Tested
Luckily, my work was cut out for me on this blog post as Nancy documented these changes for a collection of new articles in our Knowledge Base.
We have technical documentation that outlines things like changes to specific modules, how to use the new gradient options, working with and adding custom row shape art, including an overview of what unit options are available for what settings.
Also, we'd like to take a moment to thank everyone that installed and helped test the alpha and beta versions of Falcon. Your feedback and real-world usage are invaluable to our development team as they tackle bugs and compatibility issues. Thank you!
As always, you can find a list of the nitty-gritty details and bug fixes on our Page Builder Changelog.
What are you building with Falcon?
One of the most rewarding aspects of building a design tool is getting to see all of the creative ways the community uses it to produce different things! Often at times, we're genuinely surprised to see folks using Beaver Builder in ways that we had never dreamed of during the development stages. Considering all of the design-focused features, we imagine this release will be no different.
Until next time. We hope you enjoy using 2.2 “Falcon” as much as we enjoyed working on it!