Text component whose letters swap vertically in random order on hover for a glitchy effect.
"use client"; import { RandomLetterSwap } from "@/components/ui/random-letter-swap"; export default function Default() { return ( <div className="flex min-h-64 w-full items-center justify-center bg-background"> <RandomLetterSwap label="Hover me!" className="cursor-pointer text-4xl font-semibold text-foreground md:text-6xl" /> </div> ); }