Text Rotate

Text Rotate cycles through a list of words or phrases with a smooth animation.

npx jsx-daisyui add text-rotate

Default

text-rotate-default

ReactVueSvelteAngular

text-rotate-inline

text-rotate-centered

Currently showing

Tailwind CSSDaisyUIReact

Prop	Type	Default	Description
`centered`	`boolean`	`false`	Centers the rotating text within its container.
`duration`	`75 \| 100 \| 150 \| 200 \| 300 \| 500 \| 700 \| 1000`	-	The duration of the rotation animation in milliseconds.