Soft Magnetic Button | Free Button for React & Tailwind CSS

4views

7/7

A minimal light and dark mode React Tailwind button with soft lift animation, icon motion, and polished spacing. Great for clean dashboards, onboarding flows, hero CTAs, and modern template interfaces.

Installation

How to use

import SoftMagneticButton from "@/components/soft-magnetic-button";

export default function Page() {
  return <SoftMagneticButton />;
}

Dependencies

framer-motion

Back to all components More Buttons

Explore more

Related components

Magnetic Button

Glass Shader Upload Button

Border Trace Button

Plus Aurora CTA Button

Rainbow Border Button

Aurora Action Button

Soft Magnetic Button | Free Button for React & Tailwind CSS