——Button · Free
Glow Button
A button with a soft pulsing glow that draws the eye to your primary CTA.
import { motion } from "framer-motion";
export function GlowButton({ label = "Glow" }) {
return (
<motion.button
className="rounded-full bg-accent px-7 py-3 font-medium text-black"
animate={{ boxShadow: ["0 0 0px rgba(79,160,255,0)","0 0 28px rgba(79,160,255,0.85)","0 0 0px rgba(79,160,255,0)"] }}
transition={{ duration: 2, repeat: Infinity, ease: "easeInOut" }}
>{label}</motion.button>
);
}How it works
Glow Button is a hand-built button component for React, styled with Tailwind and animated with Framer Motion — no heavy dependency tree, no 60-package install. Drop it in, keep your bundle lean, and it stays performant on real devices. It's free — copy the code above and ship it.
← Browse all components