Linux 软件免费装
Banner图

KineticHub - Animated Gutenberg Blocks

开发者 kinetichub
更新时间 2026年6月27日 08:09
PHP版本: 7.4 及以上
WordPress版本: 7.0
版权: GPLv2 or later
版权网址: 版权信息

标签

interactive blocks gutenberg animation motion

下载

1.0.1 1.0.2 1.0.4 1.0.5 1.0.6 1.0.7 1.0.8 1.0.0

详情介绍:

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, 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: View demos and documentation at: https://getkinetichub.com KineticHub includes 12 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. Accessibility KineticHub includes accessibility-oriented behavior across supported blocks. 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: Self-hosted media files can also be used. Provider endpoints that may be used when configured by the site administrator: Provider policies:

安装:

  1. Install KineticHub from the WordPress plugin directory, or upload the plugin folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the Plugins screen in WordPress.
  3. Open the block editor and search for "Kinetic" to insert a KineticHub block.
  4. Use the KineticHub dashboard in the WordPress admin area to configure global settings and block availability.

屏幕截图:

  • Kinetic Audio Player block with custom playback controls.
  • Kinetic Before/After block with interactive image comparison slider.
  • Kinetic Box block used as a motion-ready content container.
  • Kinetic Cursor Reveal block with floating media preview behavior.
  • Kinetic Hero Mesh block used as an animated hero background.
  • Kinetic Magnetic Button block with interactive call-to-action styling.
  • Kinetic Marquee block for scrolling media, logos, or content rows.
  • Kinetic Scroll Divider block with animated scroll-triggered line effect.
  • Kinetic Split Scroll layout with pinned media and scrolling content.
  • Kinetic Typography block with text reveal animation.
  • Kinetic Video Modal block with cover image and play button.

常见问题:

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

更新日志:

1.0.8 1.0.7 1.0.6 1.0.5 1.0.4 1.0.2 1.0.1 1.0.0