Text Rotator Animation

A dynamic text animation that smoothly rotates through words or phrases, adding energy and motion to your headlines, hero sections, and banners.

Pumki UI

Ansh

Installation

1import { RotatingText } from '@/components/pumki-ui/text/text-rotator';

1<RotatingText text={['Ansh', 'Singh', 'Sonkhia']} />

Prop	Type	Default	Description
`containerClassName?`	`string`	-	Class for container element
`y?`	`number`	`-50`	Y offset for animation
`transition?`	`Transition`	`duration: 0.3, ease: "easeOut"`	Animation config
`duration?`	`number`	`2000`	Time between rotations (ms)
`text`	`string \| string[]`	-	Text or array to rotate