Randomized Text

Text component with randomized character reveal animation.

RandomizedTextEffect

"use client";

import { RandomizedText } from "@/components/vritti/randomized-text";

export function RandomizedTextExample() {
  return (
    <div className="flex items-center justify-center p-8">
      <RandomizedText className="text-4xl font-bold">Randomized Text Effect</RandomizedText>
    </div>
  );
}

Installation


pnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/randomized-text"

Dependencies


pnpm add motion