WordPress VIP Standard
Kinetic Scroll Divider
A master-class layout architecture. Pin your media gallery on one side while synchronized text scrolls fluidly on the other, powered by intersection observers and 100dvh viewport logic.
Smart Swap Engine
As you read this text and scroll down, the Engine mathematically calculates the scroll depth and automatically crossfades the pinned image to match your current section.
Text Focus Effects
Keep your readers engaged. By using Intersection Observers, the text blocks can dynamically blur and dull themselves when out of focus, highlighting only what matters.
100dvh Viewport Safe
We eliminated the classic mobile browser bug. The pinned media respects the dynamic viewport height, ensuring Safari or Chrome address bars never clip your imagery.
The engine relies on requestAnimationFrame and native ResizeObservers instead of forcing expensive DOM queries on scroll, ensuring buttery smooth 60FPS transitions.
Unlike standard galleries, Split Scroll PRO accommodates both Image nodes and Video primitives (`<video>`), rendering them directly from the secure PHP pipeline.
Respects OS-level accessibility. It completely bypasses DOM-level transitions and crossfades for users actively running prefers-reduced-motion parameters.
Architectural Layouts.
Start free with the core split layout or upgrade to PRO for crossfade engines and dynamic text effects.
Split Lite
Split Pro
Technical Notations
Why developers trust KineticHub structures.
By default, the layout safely reverts to a standard vertical stack (Text first or Media first) at the 768px threshold. However, if ‘Mobile Sticky’ logic is manually overridden in the PRO version, it implements a highly optimized 45vh sticky containment to preserve usability.
Yes. Escaping policies for core HTML entities bypass standard wp_kses_post() constraints securely through Native Gutenberg InnerBlocks encapsulation. We let WordPress handle the text while we secure the wrapper logic.
No. We engineered a strict Math.max(0) boundary trap in the frontend JavaScript. This effectively prevents NaN and Infinity console crashes when rendering the component on sections that are unexpectedly shorter than the native browser height.