Components
Loading preview...
A reusable React + TypeScript button component that replicates a marquee-on-hover animation using Tailwind CSS and Framer Motion.
npx shadcn@latest add https://21st.dev/r/moazamtrade/marquee-hover-buttonimport { 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>
);
}