Beaver Templates

Tutorial status:    ready  |     in progress  |    coming

Sort by:
Skill Level:
Template Type:
Plugin Type:

Filters

Sort by:
Skill Level:
Plugin Type:
Template Type:

Responsive Grids

- -

A simple CSS tweak to give more flexibility creating responsive grids using Beaver Builder columns.

Contributor:
Last Updated: 02/26/2021

Image Swap on Hover

- -

This shows a column (or child column) background image until a mouse hover show the Beaver Builder photo module image.

Contributor:
Last Updated: 02/06/2021

Row Background Blend modes

- -

This row template contains the CSS blend mode info to create some nice blends between Beaver Builder background colors and images.

Contributor:
Last Updated: 01/10/2021

Animated Social Icons

- -

A collection animated social icons using the Beaver Builder HTML module.

Contributor:
Last Updated: 12/12/2020

Separators

- -

A collection of styled separators (horizontal rules) using the Beaver Builder HTML module. Helps Beaver Builder Lite user who do not have the Separator module.

Contributor:
Last Updated: 12/01/2020

Fancy Headings

- -

A collection of CSS styled headings using the Beaver Builder heading module.

Contributor:
Last Updated: 11/03/2020

Image Hover Effects

- -

A collection of CSS hover over effects for the Beaver Builder Photo Module. Use the Beaver Junction plugin to audition and tweak these before committing to your site.

Contributor:
Last Updated: 10/27/2020

Image Scroll on Hover

- -

A simple CSS effect often used on website portfolios. A long image is set to shows only the top part, but on hover scrolls to show the rest.

Contributor:
Last Updated: 10/20/2020

Sticky Columns

- -

This uses the “sticky” CSS position to make columns (and other things in Beaver Builder) float. Useful for floating sidebars, ecommerce carts, story chapters and special effects.

Contributor:
Last Updated: 10/26/2020

HomePage Framework One

- -

An experimental wireframe for building Beaver Builder homepages. It aims to be a guide for gathering content, setting up brand assets and layout.

Contributor:
Last Updated: 10/29/2020

Bullet Point Lists

- -

Custom bullet point list items using only HTML and CSS. An flexible alternative to the Beaver Builder List Module.

Contributor:
Last Updated: 11/10/2020

Clickable Columns

- -

This is one of our favorite snippets that makes a whole column clickable to the link (anchor tag) added to it. It’s flexible alternative to the Beaver Builder Callout and Call to Action modules.

Contributor:
Last Updated: 10/22/2020