Infinite Text Marquee

Preview

HextaUI - HextaUI - HextaUI - HextaUI - HextaUI - HextaUI - HextaUI - HextaUI - HextaUI - HextaUI -

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

Prop	Type	Default
`hoverColor?`	`string`	-
`textColor?`	`string`	-
`fontSize?`	`string`	-
`tooltipText?`	`string`	-
`showTooltip?`	`boolean`	-
`speed?`	`number`	-
`link?`	`string`	-
`text?`	`string`	-