HextaUIHextaUI
/Components/Animation

Infinite Text Marquee

Awesome infinite text scrolling effect using motion/react

Preview

This component is available on 21st.dev.

Installation

NPM
npx shadcn@latest add "https://21st.dev/r/hextaui/infinite-text-marquee"

Usage

App.tsx
import { InfiniteTextMarquee } from "@/components/ui/InfiniteTextMarquee";

<InfiniteTextMarquee
  text="HextaUI"
  link="https://hextaui.com"
  speed={20}
  tooltipText="It is Amazing!! 🤩🔥"
  fontSize="8rem"
  textColor="bg-primary"
  hoverColor="#FC5212"
  showTooltip={true}
/>;

Props

PropTypeDefault
hoverColor?
string
-
textColor?
string
-
fontSize?
string
-
tooltipText?
string
-
showTooltip?
boolean
-
speed?
number
-
link?
string
-
text?
string
-
Edit on GitHub

Last updated on