Text Marquee

Animated text marquee component with vertical scrolling.

First Line

Second Line

Third Line

Fourth Line

"use client";

import { TextMarquee } from "@/components/vritti/text-marquee";

export function TextMarqueeExample() {
  return (
    <div className="flex items-center justify-center p-8">
      <TextMarquee>
        {["First Line", "Second Line", "Third Line", "Fourth Line"]}
      </TextMarquee>
    </div>
  );
}

Installation


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