Modules Section Templates
Section Templates
Ready-made rows with the motion already set up: heroes, feature grids, tickers, calls to action, testimonials and more. Drop one in from the builder’s Rows panel, then change the words, colours and images. Six come with the free plugin; Pro adds ten more.
Hero: words revealFeature grid: scroll revealTicker: keyword marqueeCall to action: rotating wordTestimonials: sliderImage and text: image revealHero: mouse parallaxProcess: stacking cardsGallery: horizontal scrollFeature grid: entrance staggerSticky heading: scrolling listStatement: colour shiftProject list: hover image
↓ Each template is shown below exactly as it is inserted. The three WooCommerce templates are on the WooCommerce Products demo.
Template · Free · Heroes
Hero: words reveal
Text Reveal brings the headline in word by word; the line, button and label rise in with Scroll Effects.
Introducing something new
Design that moves with the reader
A short line that says what you offer and why it matters. Replace it with your own words.
Template · Free · Features
Feature grid: scroll reveal
Three cards that rise into place one after another as they scroll into view (Scroll Effects with staggered start points).
Why choose us
Everything you need, nothing you don’t
01
Quick to set up
Start from a ready-made section and change the words, colours and images to make it yours.
02
Built to last
Clean markup and native builder settings, so every part stays easy to edit later.
03
Kind to visitors
Motion is subtle, quick and switched off for people who prefer reduced motion.
Template · Free · Tickers
Ticker: keyword marquee
A full-width keyword strip on the Marquee module: endless loop, faded edges, pauses on hover.
Template · Free · Calls to action
Call to action: rotating word
Animated Headline rotates the last word of the call to action.
Ready to make your site feel alive, faster, yours
Tell visitors what happens next in one friendly sentence.
Template · Free · Testimonials
Testimonials: slider
Row Slider with one Box per quote: fade transition, autoplay with pause, arrows and dots.
Kind words
What our clients say
Template · Free · Image and text
Image and text: image reveal
Image Reveal wipes the picture in while the text beside it rises.
How it works
Tell a story with every scroll
Pair a strong image with a few lines of text. The image wipes into view and the words follow, guiding the eye from one to the other.
New season
Ideas that follow your every move
Move the mouse: the artwork leans towards it. Swap in your own image and words.
Template · Pro · Process
Process: stacking cards
Four step cards (Boxes) that pin and stack as you scroll.
How we work
Four steps from idea to launch
01
Discover
We listen, ask questions and agree on what success looks like.
02
Design
Sketches become pages, and pages become a clear, calm system.
03
Build
Fast, accessible pages with motion that supports the story.
04
Launch
We go live together, measure, and keep improving.
Template · Pro · Galleries
Gallery: horizontal scroll
The row pins and its columns travel sideways, with a progress bar. Stacks normally on phones.
Selected work
Scroll down, travel sideways
Each column is a panel. Add or remove columns to change the gallery.
Northern Lights
Soft Signal
Night Bloom
Ember
Template · Pro · Features
Feature grid: entrance stagger
Six cards that fade up one after another when the row enters (Stagger).
Features
Small details, big difference
Responsive
Looks right on phones, tablets and big screens.
Accessible
Keyboard friendly, readable and calm.
Fast
Light scripts that only load where used.
Editable
Native builder settings for every part.
Consistent
Shared colours and type across sections.
Considerate
Respects reduced-motion preferences.
Template · Pro · Features
Sticky heading: scrolling list
The heading column sticks while the list of services scrolls past and rises in.
Services
What we can do for you
The heading stays in view while the list scrolls past.
01
Brand identity
Names, logos, colours and a voice that feels like you.
02
Websites
Clear pages that load fast and are easy to update.
03
Motion design
Animation that guides the eye and never gets in the way.
04
Content
Words and images that explain what you do, simply.
05
Support
Updates, improvements and a friendly person to ask.
Template · Pro · Statements
Statement: colour shift
The row blends from ink to violet as it scrolls through, while the statement reveals line by line.
Our belief
Good motion is quiet. It helps people understand, then gets out of the way.
Template · Pro · Project lists
Project list: hover image
Big project names that show an image beside the pointer (Hover Image).
How to use them
Insert a template
- Open the builder → + → Rows, and pick Kinetic Sections from the group menu.
- Drag a template onto the page. It arrives as normal rows, columns and modules, so everything stays editable.
- Change the words, colours and images. The motion lives in each element’s Kinetic tab (and in the Kinetic modules’ own settings).
- A template only shows when the features it uses are switched on in Settings → Kinetic Modules.
The images are abstract artwork made for Kinetic Modules and bundled with the plugin under the GPL, so you can use them anywhere. Replace them with your own whenever you like.
Free set (6)
- Hero: words reveal
- Feature grid: scroll reveal
- Ticker: keyword marquee
- Call to action: rotating word
- Testimonials: slider
- Image and text: image reveal
Pro adds (10)
- Hero: mouse parallax · Process: stacking cards
- Gallery: horizontal scroll · Feature grid: entrance stagger
- Sticky heading: scrolling list · Statement: colour shift
- Project list: hover image
- Products: stacking cards, horizontal scroll and marquee (WooCommerce)
Kinetic Modules
Make your Beaver Builder sites move.
Start with the free plugin. Add Pro when a project needs the big effects.