KineticHub – Animated Blocks
Animated Gutenberg blocks for motion, media, typography, buttons, marquees, dividers, and interactive page sections.
Solid choice
KineticHub – Animated Blocks is a solid plugin choice in 2026, with a few things worth checking first. It runs on 200+ sites, is rated 5/5 and was last updated 1 week ago, and scores 76/100 on our health check.
- Actively developed — last update 1 week ago
- Tested with the latest WordPress (7.1)
- Small user base (200+ active installs)
- Very few reviews so far
How does it stack up?
Side-by-side on installs, updates, ratings & support
Daily downloads
Download spikes usually follow a new release — each site that auto-updates counts as a download.
Rankings
Where KineticHub – Animated Blocks stands todayWordPress.org search rankings
Live position in the plugin search, top 100| Keyword | Position |
|---|---|
| animation | >100 |
| blocks | >100 |
| gutenberg | >100 |
| interactive | >100 |
| motion | #20 |
Version adoption
Share of active sites per release.
Rating breakdown
★★★★★★★★★★ 5 from 2 reviews
About KineticHub – Animated Blocks
From the official readme · v1.2.0Description
KineticHub is a lightweight suite of animated Gutenberg blocks for designers, agencies, developers, and site builders who want to add motion, media, and interactive UI effects to WordPress pages without leaving the block editor.
The plugin includes visual blocks for animated typography, video modals, audio players, before-and-after image comparisons, marquees, interactive buttons, hero backgrounds, photographic image heroes, scroll dividers, split scroll layouts, cursor reveal lists, ambient visuals, and motion-ready containers.
KineticHub is designed for modern WordPress workflows. Blocks can be inserted, configured, and reused directly inside the editor, while frontend assets are loaded through WordPress block asset registration.
Use KineticHub to build:
- Animated landing page sections
- Portfolio and agency pages
- Interactive hero areas
- Product and service highlights
- Editorial layouts with motion
- Media-rich Gutenberg pages
- Lightweight visual effects without a page builder dependency
View demos and documentation at:
https://getkinetichub.com
KineticHub includes 14 Gutenberg blocks. The full block list is available in the Blocks section below.
Performance Focused
KineticHub is designed to avoid unnecessary page weight and unnecessary frontend execution.
- Block assets are loaded through WordPress block asset registration.
- Shared runtime behavior is handled by lightweight frontend assets.
- Video embeds are initialized lazily after user interaction where supported by the block setup.
- Motion-heavy effects respect reduced-motion preferences.
- Global motion settings can be configured from the KineticHub dashboard.
- Blocks are designed to work with modern WordPress themes and performance optimization tools.
Accessibility
KineticHub includes accessibility-oriented behavior across supported blocks.
- Reduced-motion support for users who prefer less animation.
- Keyboard focus handling where interactive controls are used.
- Screen-reader friendly fallback text for animated typography.
- ARIA labels for video modal controls.
- Semantic output and escaped server-side rendering.
- Interactive blocks are designed to remain usable without relying only on motion.
External Services
The plugin does not connect to external services on activation.
Some blocks may load third-party media only when a site administrator configures content that uses those providers. For example, the Kinetic Video Modal block can embed videos from YouTube or Vimeo when a YouTube or Vimeo URL is entered by the site administrator.
Third-party services may receive visitor data when embedded media is loaded by the browser. This depends on the configured media URL, the provider used, and the visitor’s browser behavior.
Supported optional video providers include:
- YouTube
- YouTube NoCookie
- Vimeo
Self-hosted media files can also be used.
Provider endpoints that may be used when configured by the site administrator:
- YouTube video embeds: https://www.youtube.com/
- YouTube privacy-enhanced embeds: https://www.youtube-nocookie.com/
- YouTube thumbnail images: https://img.youtube.com/
- Vimeo video embeds: https://player.vimeo.com/
Provider policies:
- YouTube Terms of Service: https://www.youtube.com/t/terms
- YouTube Privacy Policy: https://policies.google.com/privacy
- Vimeo Terms of Service: https://vimeo.com/terms
- Vimeo Privacy Policy: https://vimeo.com/privacy
Source Code
This plugin includes compiled JavaScript and CSS generated with npm and WordPress build tools.
The human-readable free-version source files used to build the distributed assets are publicly available here:
https://github.com/GetKineticHub/kinetichub-free-source/tree/wporg-free-source-1.2.0
The public source branch includes the uncompiled free-version source files, package.json, webpack configuration, and build instructions for the JavaScript and CSS assets included in the distributed build/ directory.
Build Instructions
The plugin uses the standard WordPress block build pipeline based on @wordpress/scripts.
To rebuild the distributed assets from the public source branch:
- Clone the public source repository.
-
Check out the matching source branch:
wporg-free-source-1.2.0
-
Install build dependencies:
npm install
-
Generate production assets:
npm run build
The build process compiles source files from the source repository into a build directory using the included webpack configuration.
Build Requirements
- Node.js 18 or later
- npm 9 or later
Installation
- Install KineticHub from the WordPress plugin directory, or upload the plugin folder to the
/wp-content/plugins/directory. - Activate the plugin through the Plugins screen in WordPress.
- Open the block editor and search for “Kinetic” to insert a KineticHub block.
- Use the KineticHub dashboard in the WordPress admin area to configure global settings and block availability.
Frequently asked questions
Does KineticHub work with the block editor?
Yes. KineticHub is built for the WordPress block editor. The included blocks can be inserted and configured directly in Gutenberg.
Does KineticHub require a page builder?
No. KineticHub works directly with the WordPress block editor and does not require a separate page builder.
Does the plugin connect to external services on activation?
No. KineticHub does not connect to external services on activation.
When are YouTube or Vimeo loaded?
YouTube or Vimeo may be loaded only when a site administrator configures a block with a YouTube or Vimeo URL. Loading behavior depends on the configured block, the selected provider, and the visitor’s browser behavior.
Can I use self-hosted media?
Yes. Supported media blocks can use self-hosted media files where applicable.
Will this plugin slow down my website?
KineticHub is designed to load block assets through WordPress block asset registration and to avoid unnecessary frontend overhead. Actual performance depends on the number of blocks used, page design, media size, hosting, theme, and other active plugins.
Can I disable blocks I do not use?
Yes. The KineticHub dashboard includes block management controls so site administrators can manage available blocks.
Does KineticHub support reduced motion?
Yes. Motion-heavy effects respect reduced-motion preferences to provide a more comfortable experience for users who prefer less animation.
Can I use multiple KineticHub blocks on one page?
Yes. KineticHub is designed to support multiple blocks on the same page. For best performance, use optimized media and avoid overloading a single page with too many heavy visual effects.
Where can I see demos?
Demos and documentation are available at: https://getkinetichub.com
Changelog
1.2.0
- Added Kinetic Image Hero, an art-directed photographic hero with Single, Split Duo, and Offset Duo presentations, focal-point cropping, responsive images, a built-in eyebrow, badge, heading, description, and buttons, presets, hover motion, and image reveals.
- Added button groups to Magnetic Button: up to two buttons in one block, with Row or Column layout, gap and mobile stacking controls, and per-button links, styles, icons, and status indicators.
- Added the Soft button style to Magnetic Button.
- Improved Magnetic Button motion performance, and added screen-reader text for grouped links that open in a new tab.
- Added an optional center Icon or Text element to Scroll Divider.
- Fixed Marquee full-width layouts that could extend past the screen edge and add a horizontal scrollbar.
- Fixed the Audio Player seek area causing a horizontal scrollbar on narrow screens.
- Improved Split Scroll so Focal Point can be set when Image Fit is Contain.
- Polished editor controls and help text in Magnetic Button and Split Scroll.
- Updated the KineticHub Free dashboard and block discovery experience for the 14-block collection.
1.1.0
- Added Kinetic Scroll Progress with horizontal and vertical progress indicators, heading milestones, responsive positioning, and label controls.
- Improved Marquee motion controls with persistent Pause/Resume behavior, keyboard handling, reduced-motion support, and more reliable motion state.
- Improved Split Scroll responsive behavior, indicators, RTL support, keyboard interaction, and reduced-motion handling.
- Improved Kinetic Typography animation lifecycle and off-screen performance.
- Standardized editor notices across KineticHub blocks through shared reusable handling.
- Improved cross-theme and responsive compatibility across Audio Player, Magnetic Button, Video Modal, Cursor Reveal, Before/After, Kinetic Box, and other affected blocks.
- Updated the KineticHub Free dashboard and block discovery experience for the 13-block collection.
1.0.14
- Improved Kinetic Box compatibility with nested fixed-position content by removing an unnecessary persistent 3D rendering context.
- Fixed Hero Mesh so valid markup from nested blocks, including SVG and canvas content, is preserved correctly.
- Fixed the Magnetic Button extended hover area intercepting clicks on the Gutenberg block appender.
- Improved Cursor Reveal viewport clamping so floating previews remain within the visible page area.
- Improved Scroll Divider and Magnetic Button lifecycle handling when blocks are dynamically removed and reinserted.
- Improved Kinetic Typography cleanup after entry animations complete.
- Improved block inserter descriptions so they accurately describe the features available in KineticHub Free.
- Added a usage-gated, permanently dismissible WordPress.org review request after the plugin has been used for a while.
- Improved uninstall cleanup so KineticHub-owned settings are removed correctly.
1.0.13
- Fixed: full-width Hero Mesh produced a horizontal scrollbar on themes defining root padding when placed outside a padded container.
- Fixed: full-width Kinetic Typography could overflow or misalign on themes defining root padding when placed outside a padded container; migrated to the same padding-aware full-width technique used by Hero Mesh.
- Fixed: Cursor Reveal’s Wide and Full width alignment options had no visible effect due to missing CSS.
- Fixed: the floating hover preview could extend past the viewport edge and cause a horizontal scrollbar on full-width layouts.
- Fixed: Kinetic Typography’s hover-triggered Plexus background effect could accumulate duplicate window resize listeners on repeated hover.
- Fixed: Hero Mesh’s grain animation and Classic background mode did not fully respect the operating system’s reduced-motion preference.
1.0.12
- Fixed a remaining Hero Mesh alignfull horizontal overflow that could add a small horizontal scrollbar on some Windows browsers, while preserving full-width behavior at the page root and contained behavior inside Kinetic Box and columns.
1.0.11
- Fixed Hero Mesh overflow when an alignfull Hero Mesh block is placed inside constrained containers such as Kinetic Box or columns, while preserving normal full-width behavior when used directly in the page.
- Improved Hero Mesh contained rendering by removing unnecessary isolation and keeping Gradient/Blobs motion proportional in smaller containers.
- Reduced Hero Mesh viewport cold-start margin to improve scroll/interaction smoothness near visibility thresholds.
Screenshots
For developers
Is this your plugin? Show off the numbers.
Add a live badge to your site, docs or GitHub README. It updates on its own — no account needed.
Best KineticHub – Animated Blocks alternatives
All animation plugins →
FAQ
KineticHub – Animated Blocks: quick answers
Straight answers, pulled from live WordPress.org data.
Live data from WordPress.org · checked Oct 14, 2026
Is KineticHub – Animated Blocks free?
Yes. KineticHub – Animated Blocks is free to download and use from the official WordPress.org plugin directory.
Is KineticHub – Animated Blocks safe to use in 2026?
KineticHub – Animated Blocks is a solid plugin choice in 2026, with a few things worth checking first. It runs on 200+ sites, is rated 5/5 and was last updated 1 week ago, and scores 76/100 on our health check.
How many websites use KineticHub – Animated Blocks?
KineticHub – Animated Blocks is active on 200+ WordPress websites and has been downloaded 4,661 times since it launched in May 2026. It was downloaded 479 times in the last 30 days.
Does KineticHub – Animated Blocks work with WordPress 7.1?
Yes. The developer has tested KineticHub – Animated Blocks up to WordPress 7.1.3, the latest release. It requires WordPress 6.2 or newer.
What PHP version does KineticHub – Animated Blocks need?
KineticHub – Animated Blocks requires PHP 7.4 or higher. Most hosts run PHP 8.x today, so it works on any modern WordPress hosting.
When was KineticHub – Animated Blocks last updated?
The latest version, 1.2.0, was released on October 4, 2026 (1 week ago).
Who makes KineticHub – Animated Blocks?
KineticHub – Animated Blocks is developed and maintained by kinetichub.
What are the best alternatives to KineticHub – Animated Blocks?
The most popular alternatives to KineticHub – Animated Blocks are Blocks Animation: CSS Anima… (90K+ installs), Greenshift (70K+ installs) and UiCore Animate (40K+ installs).
Powered by PageForge
Want thousands of pages that rank like these? Build them in an afternoon.
This directory runs on the same engine as PageForge. Turn any spreadsheet, CSV or API into thousands of fast, SEO-ready WordPress pages — with schema, internal links and AI-written copy baked in.
- CSV, Google Sheets & API data sources
- AI content, schema & internal links per page
- Works with Elementor, Gutenberg, Yoast & Rank Math
- Free on WordPress.org — no credit card
