Letter Roll Button

A pill button whose label rolls up letter by letter with a staggered hover animation.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

import { Button13 } from "@/components/beste/component/button13";

// Renders a <Link> when href is set, otherwise a <button> using onClick.
<Button13 label="Start your project" href="/contact" />

<Button13
  label="Explore services"
  tone="outline"   // "dark" (default) | "primary" | "outline"
  rounded="md"     // "full" (default) | "lg" | "md" | "none"
  hideIcon         // drop the trailing arrow
  onClick={() => console.log("explore services")}
/>