Calls to action
CTA - Magnetic glow
Call-to-action card with a radial glow that follows the cursor at a damped distance.
- Magnetic gradient
- Spring physics
- Embedded form
Customize
Drag a slider and watch the preview respond live. Every control maps to a typed prop - what you tune is what you ship.
How the animation works
The call-to-action card carries a radial glow that follows the cursor, but the glow is connected to the pointer through a spring so it trails at a damped distance rather than snapping exactly to it. An embedded form sits inside the card so the visitor can act without leaving the section.
When to use it
- An end-of-page CTA where you want a single, magnetic conversion moment
- A waitlist or newsletter section that needs an inline form with a tactile feel
- Any closing section where a glowing, cursor-aware card should pull attention
Props you can tune
Every prop below is live in the studio above and ships typed with the component.
- 0-0.08
followGlow follow
Related components
Using this block
Buy it, then copy components/blocks/cta-magnetic/index.tsx into your project. A single file - no new dependency beyond the Framer Motion + Tailwind you already have.