TextRotator
The TextRotator component is your go-to tool for turning static headlines into dynamic, eye-catching animations. Built with React and powered by Framer Motion, it rotates through
Made with Workshop
Build your own component with AI
About this Component
Dynamic Rotation: Cycle through any list of texts automatically or manually.
Flexible Splits: Animate by characters, words, or lines for tailored effects.
Staggered Animation: Control timing, direction, and sequence for unique reveals.
Motion Control: Fine-tune spring damping, stiffness, opacity, and position for cinematic transitions.
Looping & Auto Mode: Run continuously or trigger on demand.
Manual Control via Ref: Call next(), previous(), jumpTo(index), or reset() anytime.
Styling Freedom: Customize fonts, colors, and styles for brand consistency.
Smooth Presence: Choose between "sync" or "wait" to orchestrate perfect flow.
In short: TextRotator makes your words move with purpose , bold, smooth, and unforgettable.
