Skip to Content
šŸŽ‰Introducing Pumki UI
ComponentsTextText Rotator

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 UIPumki UI
Ansh

Installation

Usage


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

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

Props

PropTypeDefaultDescription
containerClassName?string-Class for container element
y?number-50Y offset for animation
transition?Transitionduration: 0.3, ease: "easeOut"Animation config
duration?number2000Time between rotations (ms)
textstring | string[]-Text or array to rotate
Last updated on