Animated Content

Animates content with entrance effects.

Hello, World!

import AnimatedContent from "@/components/vritti/animated-content";

export function AnimatedContentExample() {
  return (
    <div className="flex items-center justify-center p-8">
      <AnimatedContent>
        <h2 className="text-2xl font-bold">Hello, World!</h2>
      </AnimatedContent>
    </div>
  );
}

Installation


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

Dependencies


pnpm add gsap

Animated Circular Progress Bar Animated Gradient Text

Edit this page on GitHub