Components

Scroll Text

A component that scrolls text automatically in a specified direction.

example.tsx

Welcome to Viana KitBuild faster with shadcn/ui styleOpen source and free to use

Faster scrolling with speed propDefault speed is 50Higher numbers = faster

Import

tsx

import { AppScrollText } from "@/components/primitives/AppScrollText"

AppScrollText extends all native <div> HTML attributes.

Prop	Type	Default	Description
direction	"left" \| "right"	"left"	Scroll direction.
speed	number	50	Scroll speed (higher = faster).
className	string	—	Additional Tailwind classes merged via cn(). Prefer the wrapper pattern for reusable overrides.

src/components/primitives/AppScrollText.tsx

import { ScrollText } from "../ui/scroll-text"

const AppScrollText = ScrollText

export { AppScrollText }