A reusable React + TypeScript button component that replicates a marquee-on-hover animation using Tailwind CSS and Framer Motion.
import { Button23 } from "@/components/ui/marquee-hover-button"; export default function DemoOne() { return ( <div className="flex min-h-screen items-center justify-center bg-background text-foreground p-6"> <div className="space-x-4"> <Button23 label="Button" /> <Button23 label="Primary" className="border-neutral-300 dark:border-neutral-700" /> <Button23 label="Disabled" disabled /> </div> </div> ); }
Part of shadway — browse the full library on 21st.dev.