Modules Dynamic Content

FreeProLoop · Box · Components

Dynamic Content

Kinetic effects on content that comes from your posts: Beaver Themer's Loop module, Boxes at the top level of the page and Components you reuse. Every card below is a real post, pulled in by a query, with its title and image connected to the post.

↓ Scroll down: staggered posts, a posts sequence, stacking and sideways posts, a posts marquee, Box effects and a Component used twice.

Live demo · Pro · Loop module

Posts that come in one after another

A Loop module with six posts from the Showcase category. Its Kinetic tab has Stagger children: Fade up, 120 ms apart. Each post is a Box with its featured image, title and excerpt connected to the post.

Live demo · Pro · Loop module

A Loop that plays as a sequence

The same query, three posts, with Sequence → Play modules in sequence on the Loop module: each post is a step and uses the sequence effect, Zoom in. The titles are Text Reveal modules connected to the post title.

  • Pulse analytics

  • Lumen architects

  • Orbit conference

Live demo · Pro · Stacking Cards

Stacking cards from posts

The row's Stacking Cards → Cards is set to Posts of the Loop module in the first column. Add a post and the stack grows; no card to build by hand.

  • Showcase · Nov 2026

    A calmer identity for a Nordic outdoor brand, rolled out across forty pages in a week.

  • Showcase · Nov 2026

    Onboarding screens that teach by moving, without a single tooltip.

  • Showcase · Nov 2026

    Six blends, one system: colour does the talking on the shelf.

  • Showcase · Nov 2026

    A dashboard that loads in stages, so the numbers that matter land first.

Live demo · Pro · Horizontal Scroll

Posts that scroll sideways

The row's Horizontal Scroll → Panels is set to Posts of the Loop module in the first column: panels 38% wide with a 24 px gap, snapping to each post.

Live demo · Free · Marquee

A marquee of posts

The Marquee's new Source: Posts (a query) uses Beaver Builder's own Query tab. Top: image and title, linked to each post. Bottom: images only, the other way.

Northwind rebrand
Atlas mobile app
Fjord coffee packaging
Pulse analytics
Lumen architects
Orbit conference

Live demo · Pro · Top-level Box

Boxes outside a row

Beaver Builder lets a Box sit at the top level of the page, with no row around it. Below are two: the first has Sequence on (its modules are the steps, fade from left, Brisk pace), the second has Stacking Cards on (its Boxes are the cards).

Abstract illustration: stacked glass layers

Plan

Content types and queries first.

Abstract illustration: dashboard tiles with charts

Design

One card, styled once, used for every post.

Abstract illustration: glass orb with orbit rings

Publish

New posts join the effect on their own.

01 / 03

Discover

Each card is a Box inside a top-level Box. Offset 28 px, cards below scale to 90% and fade to 50%.

Abstract illustration: topographic contour map with a route

02 / 03

Design

Each card is a Box inside a top-level Box. Offset 28 px, cards below scale to 90% and fade to 50%.

Abstract illustration: floating interface panels

03 / 03

Build

Each card is a Box inside a top-level Box. Offset 28 px, cards below scale to 90% and fade to 50%.

Abstract illustration: isometric building blocks

Live demo · Free + Pro · Component

One Component, used twice

This card is a Beaver Builder Component (a global Box with dynamic editing) placed twice. Its Kinetic stagger and the Marquee inside it run in both copies, each on its own.

Kinetic card

Saved once as a Component. Edit it and every copy updates.

Loop
Box
Component
Query
Posts

Kinetic card

Saved once as a Component. Edit it and every copy updates.

Loop
Box
Component
Query
Posts

How to use it

Where to find it

  • Loop module (Beaver Themer): its Kinetic tab has Stagger children (each post), Sequence (each post is a step) and Stacking Cards (each post is a card). Modules inside a post keep their own Kinetic settings.
  • Rows: Stacking Cards and Horizontal Scroll have a new option, Posts of the Loop module in the first column.
  • Marquee: choose Source → Posts (a query), then pick the posts on the Query tab. Show image and title, title only, or image only.
  • Box: Sequence and Stacking Cards work on a Box, also at the top level of a page.
  • Components and global modules: every copy runs its own effects.

Connect titles, images and text to the post as usual (the plus icon on a field); Kinetic modules such as Text Reveal and Marquee accept connections too. On an archive template, set the Loop or Marquee to the main query and each archive page gets its own posts. Visitors who prefer reduced motion see the posts at once.

Free In the free plugin

  • Marquee from posts, with BB's Query tab
  • Marquee, Row Slider and Reading Progress work in every copy of a Loop item or Component
  • Text Reveal and the other modules accept field connections

Free version coming soon to WordPress.org

Pro Pro adds

  • Staggered reveals for the posts of a Loop
  • Sequence on a Loop or a Box
  • Stacking Cards from posts, a Box or a Loop
  • Horizontal Scroll through posts

Kinetic Modules

Make your Beaver Builder sites move.

Start with the free plugin. Add Pro when a project needs the big effects.