Shimmer, magnetic, glow, ripple and hold-to-confirm buttons. Built with React and Tailwind CSS, free to copy.
Add to Bag Button with Morphing Letter Label: Free React and Tailwind CSS button whose label morphs letter by letter. Shared letters glide to new places as the text changes. Copy the code.
Button That Attracts Floating Particles: Free React and Tailwind button with particles that float around it and snap to its rim on hover, focus or press, then spring back out on release.
Button That Bursts Particles on Press: Free React and Tailwind particle button. Hold it and coloured shapes shoot out from under the pointer, spin, arc and fall. Three palettes, no libraries.
Button with Expanding Dot Fill and Arrow: Free React and Tailwind button hover effect. A small dot grows to fill the pill, the label slides out and a white label with an arrow slides in. Three colours.
Button with Rotating Gradient Glow Border: Free React and Tailwind CSS button with a rotating conic gradient border and a soft glow underneath, set in a dark hero. Pure CSS animation. Copy the code.
Click Ripple Buttons with Ink Spread: Free React and Tailwind ripple buttons. Ink spreads from the exact click or tap point on filled, outlined, icon and full-width buttons, with keyboard support.
Halo Rim Button with Staggered Loading Label: Free React and Tailwind loading button. Colours drift around a one pixel rim, the label swaps letter by letter and the pill resizes with a spring as it loads.
Hold to Confirm Button with Progress Ring: Free React and Tailwind CSS hold-to-confirm button. A ring fills while you press, then completes into a check. Release early to cancel. Uses framer-motion.
Magnetic Button That Follows the Pointer: Free React and Tailwind CSS magnetic button that pulls toward the pointer and springs back when it leaves. Built with framer-motion springs. Copy the code.
Pill Button with Pointer Following Inner Glow: Free React and Tailwind glow button. A warm light sits inside a pill button, drifts on its own and follows the pointer across it. Four finishes, no libraries.
Rainbow Border Button with Underglow: Free React and Tailwind rainbow button. A band of colour slides along the bottom edge and glows underneath. Dark and light versions in three sizes.
Share Button That Expands into Icon Row: Free React and Tailwind share button. On hover, focus or tap it fades out and a row of icon actions wipes open in its place, one icon after another.
Shimmer Button with Light Sweep in Three Sizes: Free React and Tailwind CSS shimmer button with a diagonal light sweep, shown in small, medium and large. Pure CSS keyframes, no animation library needed.
Subscribe Button with Animated Confirmed State: Free React and Tailwind subscribe button. One tap slides the label away and drops in a Subscribed state with a tick. Shown on a list of three newsletters.
We.Inc is an AI-powered website builder you can resell under your own brand. Launch a branded client dashboard, bill on Stripe Connect, and deliver AI-generated websites in minutes. White-label plans start at $99 a month for 25 client sites, with a 7-day free trial and no per-site fees.
Product
AI Website Builder: Describe a site in plain English; it's live in minutes