Rolling Text

Animated rolling text with customizable intervals and transitions.

Rolling effectCustom intervalsEvent callbacks
Basic

Make your app
shine
with libravelUI

Features

Vertical Roll

Smoothly rolls text items vertically.

Timed Intervals

Set precise duration for each item display.

State Tracking

Callbacks for index changes and animation state.

Installation
Works with npm, pnpm, yarn, and bun

$npx libravelui@latest add rolling-text

Anatomy
import { RollingText } from "@/components/ui/motion/rolling-text";<RollingText texts={["First", "Second", "Third"]} />
Testing Playground
Props

Loading types…

Accessible React component library to copy, customize, and own your UI. Built for Next.js, Vite, and Laravel.

Crafted by dervyon. Peep the Source Code on GitHub.

Hosted on Vercel. The source code's got the MIT license.

2025 - 2026 · LibravelUI

Starter Kits

Templates

    Coming Soon

Labs