CB Custom Beaver Builder Modules

Description

Crafty Beaver Custom Modules is a free suite of elegant custom modules for for Beaver Builder that highlight photography with smooth animations, interactions, and hover effects. This is an extension of the Beaver Builder page builder plugin.

Current Modules

  • Poise – Poise is an adaptation of the default WordPress image gallery that highlights images on hover, literally elevating the image with a CSS3 transform and sleek diffused shadow. Clicking on images opens them in the beautiful default BB lightbox.
  • Shade – Add sleek hover effects and custom colors to your background images. Overlay them with custom WYSIWYG content and even make them clickable.
  • Spotlight – Create your own list of custom links on one side that each replaces the ‘spotlight’ photo on the other. Customize column sizes and more.
  • Broadside – Horizontal slider to showcase design work, posters, photography, and more. Responsive and responds to touch on mobile. Clicking on images opens them in the beautiful default BB lightbox.
  • Scout – Sticky navbar that fixes to the top of the screen when it gets there, allowing smooth scrolling to other elements on the page.
  • Dust – Utilizing the popular Particles.js library, this module helps you make custom heros with cool interactive, animated backgrounds.
  • Slice – Animated photo gallery with stacked, ‘sliding cards’ effect. Integrates with the default Beaver Builder lightbox.
  • Legend – Standard photo module but with a twist- hidden content is revealed on hover.

For more information and module demos, visit Crafty Beavers.

If you have need for new modules or enhancements to current modules, please contact us or visit the github repo.

Screenshots

  • Poise Module Example
  • Shade Module Example
  • Spotlight Module Example
  • Broadside Module Example
  • Dust Module Example
  • Scout Module Example
  • Slice Module Example
  • Legend Module Example

Installation

  1. Be sure that you have the Beaver Builder Plugin installed and activated.
  2. Upload the plugin files to the /wp-content/plugins/cb-custom-modules directory, or install the plugin through the WordPress plugins screen directly.
  3. Activate the plugin through the ‘Plugins’ screen in WordPress

FAQ

Installation Instructions
  1. Be sure that you have the Beaver Builder Plugin installed and activated.
  2. Upload the plugin files to the /wp-content/plugins/cb-custom-modules directory, or install the plugin through the WordPress plugins screen directly.
  3. Activate the plugin through the ‘Plugins’ screen in WordPress
Can I install this plugin without Beaver Builder?

Yes, but it won’t do anything. This plugin is an extension to Beaver Builder.

What about browsers?

CB Custom Modules uses some modern CSS specs like Flexbox and animations. Modules will all work, but with older versions of IE you might see a less-refined version.

Are these modules responsive?

Yes. Some modules maintain their same behavior on mobile, but modules that rely on hover effects provide an experience tailored to touch screens.

Is this plugin open source?

Yes. Feel free to use and adapt as needed. Or reach out to me with any feature requests.

For the scout module, how do I make the page scroll to another part of the page?
  1. Find the row or element you want to scroll to, find the Advanced Settings tab, give that element a unique id such as gallery.
  2. When you add your link to the module, the link field would need to be #gallery. The plugins do the rest.

The Beaver Builder team also has a great breakdown of this technique with screenshots.

Reviews

Top Notch Plugin

This plugin is very nicely done and has some very nice features for a free plugin. I would bet the paid service is very high quality also.

Thanks for the great plugin!

Thank you!

Awesome job on the modules man. I don’t do the review thing near enough, but when I saw this was free, I had to immediately log on and sing your praises. Thank you again and if we ever run into eachother in the WP community, I hope you’ll let me buy you a beer / brownie / coffee / whatever.

Read all 12 reviews

Contributors & Developers

“CB Custom Beaver Builder Modules” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.3.3

  • Update to fix bugs with new module: Legend

1.3

  • Update to branding
  • New ‘Legend’ Module

1.2.2

  • Update to fix bug with Scout Module caching admin bar override

1.2.1

  • Update to fix bug that may cause conflicts with other custom modules

1.2.0

  • New Module: Slice, a photo gallery module
  • New design in Dust module: Bubbles

1.1.1

  • Adds offset option to CB Scout Module, allowing you to set the distance from the top of the screen.

1.1.0

  • Adds two new modules: Dust and Scout
  • Streamlines settings layout for multiple modules
  • Adds vertical align options to Shade module

1.0

  • Initial Version