Divi 5 native extension

MetricFlow Counter
for Divi 5

Animated counters, responsive stat groups, prefix and suffix styling, gradient color pickers, and five editable Divi Library sections for marketplace-grade pages.

6 layouts Prefix/Suffix styling Gradient pickers 5 library sections
10K+Users
99.9%Uptime
6Layouts
5Sections
Reviewer proof

Built around the current marketplace fixes

The public demo now matches the active plugin: native Divi modules, editable library sections, and color-picker based gradient controls.

Aa

Prefix & Suffix Style

Separate Prefix Style and Suffix Style controls support font, color, and size adjustments inside the Design tab.

Prefix StyleSuffix StyleNumber StyleTitle Style

Gradient Color Pickers

Gradient Text uses dedicated color picker fields for a visual styling workflow.

Gradient Start Color
Gradient End Color

Default Icon Rendering

The default icon has a frontend-safe SVG fallback, so a new counter does not appear blank on published pages.

$0K+
Default Counter
Builder workflow

Two native Divi modules, plus editable library sections

Users add MetricFlow Counter or MetricFlow Group from the Divi module popup. Premade designs are inserted as sections from the Divi Library.

Add Module
MetricFlow CounterMetricFlow Group
Design tab
LayoutAnimationNumber StyleTitle StyleIcon StylePrefix StyleSuffix StyleSizing
Insert Section -> Add From Library
MetricFlow - SaaS MetricsMetricFlow - Finance TrustMetricFlow - Agency ImpactMetricFlow - Progress StackMetricFlow - Commerce Pulse
01 - MetricFlow - SaaS Metrics

SaaS metrics with gradient typography

Four gradient-text counters with icons, suffixes, decimals, scroll animation, and a centered four-column MetricFlow Group.

0+
Active Users
0%
Uptime
0M
API Calls
0
Deploys Monthly
02 - MetricFlow - Finance Trust

Premium finance cards with gold accents

Prefix and suffix examples, boxed card styling, icon colors, dividers, and comma separators.

$0M
Assets Managed
0+
Private Clients
0
Years of Trust
0%
Renewal Rate
03 - MetricFlow - Agency Impact

Clean agency metrics with mixed layouts

Icon Left and Left Accent counters demonstrate alignment, icon colors, suffixes, and custom title styling.

0+
Projects Delivered
0%
Client Retention
0
Awards Won
0/7
Launch Support
04 - MetricFlow - Progress Stack

Five-column progress strip

Progress Bar layout with progress max, replay-ready animation, percentage suffixes, and 5-column group support.

0%
Product Design
0%
Engineering
0%
Growth Strategy
0%
Automation
0%
Analytics
05 - MetricFlow - Commerce Pulse

Polished commerce operations counters

Prefixes, decimals, separator variants, links, icons, boxed styling, and optional dividers for ecommerce dashboards.

$0K
Revenue
0/5
Customer Rating
0+
Orders Shipped
0%
Repeat Buyers
Complete feature coverage

Everything shown here maps to editable MetricFlow controls

ContentNumber, Number Start, Prefix, Suffix, Title, Icon, Link, Separator, Decimal Places.
LayoutsIcon Top, Icon Left, Boxed, Left Accent, Progress Bar, and Gradient Text.
DesignNumber, Title, Icon, Prefix, and Suffix styling with Divi design controls.
AnimationDuration, easing, scroll trigger, and replay animation behavior.
GroupAuto, 2, 3, 4, and 5 columns with gap, alignment, line or dot dividers.
LibraryFive editable premade sections inserted from the Divi Library section flow.