Animated section separators for Gutenberg
Kinetic Scroll Divider for cleaner page rhythm.
Replace static horizontal rules with animated divider lines that draw, glow, fade, align, and separate landing page sections with a more premium visual flow.
Introduce a new page section.
Animated lines help visitors feel the transition between important content areas.
Guide the eye without adding noise.
Use solid, dashed, dotted, glowing, or gradient dividers to build rhythm.
Divider demo studio
Show page rhythm in one
polished demo area.
Instead of stacking three demo cards, use one “Divider Studio” section that shows how
real Scroll Divider blocks can separate page content, service rows, pricing areas, and CTA sections.
Hero section
Strong product message, CTA, and visual introduction.
Feature section
A glowing divider creates a clean transition into product benefits.
Service / content row
Dashed or dotted dividers can add subtle rhythm to lighter sections.
Pricing or final CTA
A stronger divider can prepare visitors for a decision area.
Demo setup
One block, many section break styles.
Center Draw
Dashed
Animation Duration
PRO Gradient
Why buy PRO
Small visual details can make a page feel more intentional.
Scroll Divider is a lightweight presentation block for better landing page rhythm. It helps sections feel connected without adding heavy graphics or extra layout complexity.
Best for
Layouts that need section rhythm.
Use animated dividers where a page needs breathing room, hierarchy, or a more polished transition between ideas.
Use cases
Use dividers where the layout needs direction.
A good divider does not compete with the content. It helps the visitor
understand where one idea ends and the next begins.
Hero Breaks
Separate the hero area from feature or proof sections.
Feature Sections
Add rhythm between benefit blocks and product explanations.
Service Pages
Break long service pages into easier-to-scan sections.
Pricing Areas
Prepare visitors before plan comparisons or upgrade CTAs.
Portfolios
Separate project stories, screenshots, and case study details.
Editorial Pages
Use subtle dashed or dotted lines for article rhythm.
CTA Blocks
Lead attention into final conversion sections.
Mobile Layouts
Use responsive visibility and mobile behavior to keep spacing clean.
Free vs PRO
Start with animated dividers. Upgrade for advanced control.
KineticHub Free gives you the main divider styles and reveal animations. KineticHub PRO unlocks gradient color mode, scroll-scrub behavior, advanced easing, opacity curves, trigger offset, richer glow controls, max-width control, and mobile behavior options.
| Feature | KineticHub Free | KineticHub PRO |
|---|---|---|
| Solid divider color | Included | Included |
| Solid, dashed, dotted line styles | Included | Included |
| Draw center / left / right / fade animation | Included | Included |
| Line opacity, thickness, width | Included | Included |
| Alignment and spacing presets | Included | Included |
| Basic glow | Included | Included |
| Gradient line mode | Not included | Unlocked |
| Max width restriction | Not included | Unlocked |
| Scroll scrub/tether mode | Not included | Unlocked |
| Advanced easing and opacity curve | Not included | Unlocked |
| Trigger offset | Not included | Unlocked |
| Mobile behavior and static on mobile | Not included | Unlocked |
| Reduced motion behavior options | Static fallback | Static, fade, hide |
FAQ
Scroll Divider questions before you build.
Use this FAQ section for SEO, sales clarity, and fewer pre-sale/support questions.
Kinetic Scroll Divider is a Gutenberg block for adding animated decorative dividers between WordPress sections.
It supports draw from center, draw from left, draw from right, and fade in reveal animations.
You can use solid, dashed, and dotted divider styles, with controls for color, opacity, thickness, width, alignment, and spacing.
PRO adds gradient color mode, scroll-scrub engine mode, advanced easing, opacity curves, trigger offset, max-width control, stronger glow controls, mobile behavior options, static on mobile, and reduced motion behavior options.