Magnetic CTA button for Gutenberg
Kinetic Magnetic Button for clicks that feel alive.
Create premium Gutenberg call-to-action buttons with magnetic cursor pull, text parallax, icons, status indicators, glass styling, hover scale, pulse, shadows, and PRO hover motion effects.
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.
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.
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 |
| 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.
Edit the label, set the link, then tune motion, icon, status, and visual style from the sidebar.
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.
PRO adds advanced hover effects such as glass shine, directional sweep, lift up, tactile press, sonar ripple, cyber glitch, inner outline reveal, plus neon glow, ghost text hover, stretched link behavior, entrance animations, and visibility controls.
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