Components

Shimmer Hover Button

A solid pill with a light streak that sweeps across on hover and retreats on the way out, and an icon that swaps itself as it goes. Arrow by default, pass `icon` to change it.

npx shadcn@latest add https://www.obuseklearns.dev/r/shimmer-hover-button.json

Usage

shimmer-hover-button-demo.tsx
import ShimmerHoverButton from "@/components/ui/shimmer-hover-button";

export default function ShimmerHoverButtonDemo() {
  return <ShimmerHoverButton>Get in touch</ShimmerHoverButton>;
}