Ferro fluid Spike BG

A magnetic button that feels alive.

Ferrofluid Spike Button is an interactive Framer component inspired by the fascinating behavior of ferrofluid under magnetic fields. A glossy liquid-metal capsule grows organic spikes that react to your cursor, creating a futuristic, tactile button experience.

With magnetic attraction, spring-based movement, reflective surfaces, animated droplets, and customizable spike styles, this component transforms an ordinary CTA into a memorable interaction.

Built with 💛 by Karim Saif.

✨ Great For

• Creative portfolios and experimental websites

• AI, technology, and futuristic landing pages

• Interactive hero sections and standout CTAs

• Digital agencies and design studios

• Product launches and immersive experiences

• Motion design and micro-interaction showcases

Live Demo: Ferro fluid Spike Button

⚡ Features

• Interactive Ferrofluid Spikes — Organic liquid-metal spikes respond to cursor movement.

• Magnetic Attraction — Spikes extend toward the pointer with adjustable strength and radius.

• Four Spike Styles — Organic, Sharp, Soft, and Wild.

• Spring-Based Animation — Customizable spring responsiveness and damping.

• Glossy Liquid-Metal Appearance — Metallic gradients, highlights, reflections, and shadows.

• Magnetic Droplets — Optional floating particles add depth to the interaction.

• Custom Cursor — Choose between Magnet, Ring, and Native cursor styles.

• Autoplay Animation — Automatically demonstrates the magnetic interaction after inactivity.

• Press Interaction — The button compresses when pressed.

💛 Support & Feedback

Need help, found an issue, or have an idea for improvement? Feel free to reach out.

X / Twitter: https://x.com/karimsaif0

Email: karimsaif010@gmail.com