Lite
These templates work with the free Beaver Builder Lite plugin and above.
Tutorial status: • ready | • in progress | • coming
Sort by:
Skill Level:
Template Type:
Plugin Type:
Filters
Sort by:
Skill Level:
Plugin Type:
Template Type:
Row Background Blend modes
Rows - Beginner - LiteThis row template contains the CSS blend mode info to create some nice blends between Beaver Builder background colors and images.
Last Updated:
Animated Social Icons
Rows - Intermediate - LiteA collection animated social icons using the Beaver Builder HTML module.
Last Updated:
Separators
Rows - Beginner - LiteA collection of styled separators (horizontal rules) using the Beaver Builder HTML module. Helps Beaver Builder Lite user who do not have the Separator module.
Last Updated:
Fancy Headings
Rows - Intermediate - LiteA collection of CSS styled headings using the Beaver Builder heading module.
Last Updated:
Image Hover Effects
Rows - Beginner - LiteA 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.
Last Updated:
Image Scroll on Hover
Rows - Beginner - LiteA 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.
Last Updated:
Sticky Columns
Rows - Intermediate - LiteThis 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.
Last Updated:
HomePage Framework One
Wireframes - Advanced - LiteAn experimental wireframe for building Beaver Builder homepages. It aims to be a guide for gathering content, setting up brand assets and layout.
Last Updated:
Bullet Point Lists
Rows - Intermediate - LiteCustom bullet point list items using only HTML and CSS. An flexible alternative to the Beaver Builder List Module.
Last Updated:
Clickable Columns
Rows - Beginner - LiteThis 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.
Last Updated:
Price List & Business Hours
Rows - Beginner - LiteSimple mobile responsive lists using the HTML module. Add background styles with the column settings.
Last Updated:
Faster YouTube Videos
Modules - Beginner - LiteThis uses the Beaver builder HTML module and speed up page load by serving only YouTube thumbnail until the play button is clicked.
Gardener Template
Full Page Templates - Beginner - LiteA homepage design using the HomePage Framework One template.
Handyman Template
Full Page Templates - Beginner - LiteA homepage template for handymen or other single person trade businesses. Made from the Homepage Framework One.
Bottom Aligned Modules in Columns
Rows - Beginner - LiteA simple CSS snippet that let you align modules to the bottom of columns.
Animal Farm Template
Full Page Templates - Beginner - LiteA home page template made from HomePage Framework One.
Accordion
Modules - Intermediate - LiteA simple CSS and JS accordion using the Beaver Builder Text module. Best for Beaver Builder Lite users.
Row Shape Textures
Layouts - Beginner - LiteA collection of rows that use background shapes to created abstract textures.
Team Gallery
Rows - Expert - LiteAn interactive gallery using custom CSS JS and Beaver Builder column, text and html modules.
Exit Intent PopUps
Modules - Intermediate - LiteThis uses a hidden Beaver Builder HTML module to display a popup. It works with Beaver Builder Lite, but is more flexible with Beaver Builder templates.
Horizontal Tabs
Modules - Beginner - LiteThis uses the Beaver Builder HTML module and custom HTML, CSS and JS. It was adapted from W3 Schools.
Overlapping Photos
Layouts - Intermediate - LiteA page layout with that uses CSS ( z-index and positioning ) to overlay image that can be edited individually.
Typography Fun
Layouts - Intermediate - LiteThis is a collection of… still need to sort out a format for this.
Blockquotes
Rows - Intermediate - LiteA collection of CSS styled blockquotes using the Beaver Builder text module.
Text boxes overlapping images
Layouts - Advanced - LiteExperiments using CSS (z-index and positioning) along with background row shapes for out of the box designs.
Modal Box with Button
Modules - Intermediate - LiteA simple modal (popup) with CSS and JS taken from W3 Schools. It uses a Beaver Builder shortcode to show a saved template. Beaver Builder Lite users will need to add some HTML.
Pricing Table with Tooltips
Rows - Advanced - LiteThis uses Beaver Builder columns, text modules and HTML modules with custom CSS and JS.
Pricing Table with Switcher
Rows - Expert - LiteThis uses Beaver Builder columns, text modules and HTML modules with custom CSS and JS.
Pricing Table with Ribbon
Rows - Beginner - LiteThis uses Beaver Builder columns and the text modules with custom CSS.