Words Stagger

Word-by-word text animation with blur, transform, and opacity effects.

Words Stagger Animation Effect

"use client";

import { WordsStagger } from "@/components/vritti/words-stagger";

export function WordsStaggerExample() {
  return (
    <div className="flex items-center justify-center p-8">
      <WordsStagger className="text-4xl font-bold">Words Stagger Animation Effect</WordsStagger>
    </div>
  );
}

Installation


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

Dependencies


pnpm add motion