Components
Text component whose letters swap vertically in random order on hover for a glitchy effect.
Loading preview...
"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>
);
}