Explore the KineticHub Dashboard

Overview

The KineticHub dashboard provides a central place to manage the plugin.

From the dashboard, you can:

• Enable or disable individual KineticHub blocks
• Adjust global animation and performance settings
• Control motion behavior on mobile devices
• Manage shared visual settings
• Access plugin information and support resources

The dashboard settings apply across the website, while the controls inside each block affect only that individual block.

Open the KineticHub dashboard

Sign in to your WordPress administration area.

In the left WordPress menu, select:

KineticHub

The dashboard will open with the available block and global settings.

Only WordPress users with administrator permissions can change these settings.

Manage individual blocks

The block manager allows you to enable or disable specific KineticHub blocks.

For example, you can disable blocks that you do not plan to use on the website.

Available blocks may include:

• Kinetic Ambient Aura
• Kinetic Audio Player
• Kinetic Before/After
• Kinetic Box
• Kinetic Cursor Reveal
• Kinetic Hero Mesh
• Kinetic Magnetic Button
• Kinetic Marquee
• Kinetic Scroll Divider
• Kinetic Split Scroll
• Kinetic Typography
• Kinetic Video Modal

Disabling an unused block can help keep the WordPress editor organized.

Disable a block

1. Open KineticHub
2. Locate the block in the block manager
3. Turn off its activation control
4. Save the dashboard settings
5. Reload the WordPress editor

The disabled block will no longer appear in the block inserter.

Enable a block

Turn the block back on and save the settings.

Reload the editor before searching for the block again.

Important information about disabled blocks

Disabling a block does not automatically delete it from existing pages.

However, a disabled block is no longer registered in the editor. WordPress may display it as unavailable when editing a page that already contains that block.

Before disabling a block:

1. Check whether it is used on existing pages
2. Review important frontend pages
3. Create a website backup when making changes on a production site

If an existing block becomes unavailable, return to the KineticHub dashboard and enable it again.

Performance mode

KineticHub may provide a global performance mode that changes how motion effects are processed across the website.

Available modes can include:

Balanced

Recommended for most websites.

Balanced mode provides smooth motion while limiting unnecessary browser workload.

Eco

Reduces motion processing for websites that prioritize lower resource usage or use several animated elements on the same page.

Performance

Prioritizes the smoothest available animation behavior on capable devices.

Use this mode carefully on pages that contain many animated blocks, large background effects, or several WebGL elements.

After changing the performance mode, test the website on both desktop and mobile devices.

Global motion smoothing

The dashboard may include a global motion smoothing or interpolation setting.

This setting controls how quickly some interactive effects follow pointer movement or respond to animation updates.

A lower value usually creates slower and smoother movement.

A higher value creates a faster and more immediate response.

Use moderate values unless you are intentionally creating a highly responsive interaction.

Individual blocks may also include their own speed, easing, intensity, or smoothing controls.

Mobile motion

The mobile motion setting controls whether supported interactive effects can run on smaller or touch-based devices.

Disable mobile motion when:

• A page contains several complex animated blocks
• Mobile performance is more important than decorative motion
• Pointer-based interactions do not translate well to touchscreens
• You want a simpler mobile experience

Disabling mobile motion does not necessarily hide the block. Supported blocks should continue to display their content while reducing or removing the motion effect.

Always verify important pages on a real phone after changing this setting.

Asset optimization

KineticHub may include an asset optimization setting that controls how shared styles and scripts are loaded.

The recommended setting should work for most websites.

Change this option only when:

• A theme or optimization plugin creates a loading conflict
• Styles appear later than expected
• A block briefly appears unstyled
• You are troubleshooting delayed or combined CSS and JavaScript

After changing asset loading behavior, clear all website and browser caches.

Shared visual settings

Depending on the installed version, the dashboard may include shared design settings such as:

• Accent color
• Glass or blur intensity
• Global visual variables
• Other appearance defaults

These settings provide common values that supported blocks can use.

Individual block settings may override the global values.

When changing a shared visual setting, review multiple pages because the update may affect more than one KineticHub block.

Save your changes

After adjusting the dashboard options, select the available Save or Save Settings button.

Wait for the success confirmation before leaving the page.

Then reload:

• The WordPress block editor
• Any open frontend previews
• Pages using KineticHub blocks

Some settings may not become visible until the editor or page is refreshed.

Recommended setup

For most websites, begin with:

• Only the blocks you plan to use enabled
• Performance mode set to Balanced
• Mobile motion enabled
• Asset optimization enabled
• Moderate global motion smoothing
• Default shared visual settings

Adjust these options only after testing the actual pages where KineticHub is used.

Verify the dashboard settings

After saving the settings:

1. Open a page in the WordPress editor
2. Open the block inserter
3. Search for Kinetic
4. Confirm that the enabled blocks are available
5. Preview the page on the frontend
6. Test both desktop and mobile layouts

Also check that existing KineticHub blocks continue to render correctly.

Troubleshooting

A block is still visible after being disabled

Reload the WordPress editor.

If the block still appears, clear the browser cache and any WordPress optimization cache.

Existing blocks may remain visible on published pages even when they are disabled in the inserter.

A block is missing from the editor

Open the KineticHub dashboard and confirm that the block is enabled.

Save the settings and reload the editor.

Also confirm that the main KineticHub plugin is active under:

Plugins → Installed Plugins

Dashboard settings do not save

Confirm that you are signed in as a WordPress administrator.

Temporarily check whether a security, firewall, or caching plugin is blocking WordPress REST API requests.

Reload the dashboard and try saving again.

Changes are not visible on the frontend

Clear:

• Browser cache
• WordPress cache
• Optimization-plugin cache
• Server cache
• CDN cache, if used

Then reload the page in a private browser window.

Animations feel slow or uneven

Return to the dashboard and use the default or Balanced performance mode.

Also check whether the page contains multiple complex motion effects, large media files, or several animated background blocks.

Next step

Continue with Update KineticHub Safely to learn how to update the Free or PRO version while protecting existing pages and settings.