Magnetic CTA button for Gutenberg
Kinetic Magnetic Button for clicks that feel alive.
Kinetic Magnetic Button is an interactive Gutenberg button block for WordPress, built to make every call to action feel more engaging. Create individual magnetic buttons or responsive groups of up to four buttons, with flexible layouts, distinctive hover effects, icons, and polished visual styles — all directly inside the block editor, without custom code.
Make your main CTA feel impossible to ignore.
Use motion, icons, badges, glow, and hover physics to make key actions stand out without leaving Gutenberg.
Start Building →Button styles
CTA styles you can build
from one block.
Use Kinetic Magnetic Button for hero actions, downloads, demo links, pricing buttons,
cart actions, and high-intent conversion points.
Primary CTA
Best for hero sections and main landing page actions.
Glass Action
Use on dark UI sections, hero panels, and cinematic landing pages.
Status Badge
Add context such as New, Live, Beta, Sale, or Updated.
Outline Link
Useful for secondary CTAs that still need motion and polish.
Neon PRO CTA
Highlight premium actions with stronger visual attention.
Commerce Action
Use icons for cart, download, external links, checks, and play actions.
Kinetic Magnetic Button Groups. One block. Up to four actions.
One standout button or a complete set of calls to action. Build responsive CTA groups directly inside Gutenberg, with coordinated layouts, flexible button variants, and the interactive feel that makes Kinetic Magnetic Button different.
Every action has its place.
Turn a single CTA into a complete decision path. Give your primary action the spotlight, keep supporting information close, and offer a clear alternative when visitors need one.
One coordinated group. Three different roles. A clear path for every visitor.
Add & duplicate
Start with one button, add more actions, or duplicate an existing configuration.
Reorder & remove
Keep your calls to action in the right sequence and remove what you don’t need.
Row or column
Arrange buttons horizontally or vertically and adapt the group for smaller screens.
Visual variants
Coordinate available button styles and hover treatments within one group.
Why buy PRO
Make your most important buttons feel premium.
Buttons are where visitors decide to act. Kinetic Magnetic Button PRO gives your CTAs stronger hover language, richer visual feedback, and more ways to make the action feel valuable.
Best for
Every high-value action on the page.
Use it where the button deserves attention, not for every small text link.
Use cases
Where Kinetic Button fits on a real website
Use the block to make the next step obvious, tactile, and more visually valuable.
Hero CTAs
Make the first action on a landing page feel more intentional.
Pricing Buttons
Give upgrade and purchase actions stronger visual hierarchy.
Downloads
Add icon-supported download buttons for files, resources, and assets.
Video Demos
Use play icons and motion to invite visitors into modal or demo content.
Commerce
Use cart/check icons for product and checkout actions.
External Links
Show clear external link buttons with icon and rel control.
Contact Prompts
Make lead generation buttons more noticeable in service pages.
Feature Sections
Add secondary CTAs below feature cards, split scroll panels, and blocks.
Free vs PRO
Start with magnetic CTA basics. Upgrade for advanced hover effects.
KineticHub Free includes the core magnetic button system. KineticHub PRO unlocks the premium
hover styles, neon/glow language, stretched link behavior, entrance animations, and visibility controls.
| Feature | KineticHub Free | KineticHub PRO |
|---|---|---|
| Magnetic cursor attraction | Included | Included |
| Buttons per group | Up to 2 buttons | Up to 4 buttons |
| Group layouts | Basic group layout | Advanced row / column layouts |
| Group management | Basic setup | Add, remove, duplicate and reorder buttons |
| Responsive group control | Basic | Advanced |
| Magnetic strength and detection range | Included | Included |
| Text parallax and hover scale | Limited | Unlocked |
| Icons: arrow, chevron, play, plus, download, external, cart, check | Included | Included |
| Status indicators: dot, radar, sparkles, badge | Included | Unlocked |
| Colors, borders, radius, padding, font size, shadows | Limited | Unlocked |
| Glass style, outline mode, pulse animation | Limited | Unlocked |
| Advanced hover effects | Core fade hover | Unlocked |
| Neon glow and ghost text hover | Not included | Unlocked |
| Stretched link, entrance animations, visibility controls | Not included | Unlocked |
| Best for | Simple magnetic CTAs and interactive buttons | Premium CTAs, landing pages, pricing pages, and client work |
FAQ
Build premium CTAs in minutes.
Everything you need to know before choosing a plan — licensing, refunds, renewals, and what happens after your first year.
Kinetic Magnetic Button is a Gutenberg block for creating animated call-to-action buttons with magnetic cursor attraction, text parallax, hover scale, icons, status indicators, and responsive styling controls.
Want to explore Kinetic Magnetic Button before upgrading? Get KineticHub Free on WordPress.org and start building interactive Gutenberg buttons.
For additional features and advanced customization, explore KineticHub PRO. You can also find setup instructions in the KineticHub documentation.
The block includes arrow, chevron, play, plus, download, external, cart, and check icons, with controls for icon position, size, and visibility.
Yes. It is ideal for hero CTAs, pricing buttons, upgrade buttons, product buttons, download links, video demo actions, and contact prompts.
Yes. On touch devices the magnetic pointer behavior can fall back to a calmer static interaction, while the button remains clickable and responsive.
The block is performance-focused with shared pointer tracking, viewport-aware behavior, and cleanup when buttons are removed. Final performance still depends on your page structure, theme, hosting, and number of animated elements.
Yes. Every KineticHub PRO purchase comes with a 14-day money-back guarantee, no questions asked. If the plugin isn’t the right fit for your project, contact us within 14 days of purchase for a full refund. See the full refund policy for details.