Magnetic Button | Free Button for React & Tailwind CSS

7views

A professional React button with magnetic cursor tracking, shimmer sweep, and tap feedback. Built with Framer Motion spring physics. Three variants and sizes for modern UI needs.

Installation

How to use

Use npm to install the required packages, then import the component into your project and render it on any page. Pass optional props to customize the appearance.

Dependencies

framer-motion

Back to all components More Buttons

Explore more

Related components

Glass Shader Upload Button

Border Trace Button

Soft Magnetic Button

Buttons

Magnetic Button | Free Button for React & Tailwind CSS

7views

A professional React button with magnetic cursor tracking, shimmer sweep, and tap feedback. Built with Framer Motion spring physics. Three variants and sizes for modern UI needs.

Installation

How to use

Use npm to install the required packages, then import the component into your project and render it on any page. Pass optional props to customize the appearance.

Dependencies

framer-motion

Back to all components More Buttons

Explore more

Related components

Glass Shader Upload Button

Border Trace Button

Soft Magnetic Button

Magnetic Button | Free Button for React & Tailwind CSS

Magnetic Button | Free Button for React & Tailwind CSS

Related components

Glass Shader Upload Button

Border Trace Button

Soft Magnetic Button

Magnetic Button | Free Button for React & Tailwind CSS

Related components

Glass Shader Upload Button

Border Trace Button

Soft Magnetic Button

Plus Aurora CTA Button

Rainbow Border Button

Aurora Action Button

Plus Aurora CTA Button

Rainbow Border Button

Aurora Action Button