Shimmering Text

Character-by-character shimmering text animation with CSS variable colors.

text animation shimmer character glow orbit

Shimmering Text Effect

"use client";

import { ShimmeringText } from "@/components/vritti/shimmering-text";

export function ShimmeringTextExample() {
  return (
    <div className="flex items-center justify-center p-8">
      <ShimmeringText text="Shimmering Text Effect" className="text-3xl font-bold" />
    </div>
  );
}

Installation


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

Dependencies


pnpm add motion