Rushil Dhinoja

Word Rotate

Text 62

About

A text animation component that smoothly rotates through an array of words with customizable duration and motion effects.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Word Rotate to your project and fits it to your theme.

Code

How Word Rotate is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { WordRotate } from "@/components/ui/word-rotate";

export default function DemoOne() {
  return <WordRotate   duration={1500}    className="text-5xl font-semibold"
      words={["Fast", "Smooth", "Beautiful"]} />;
}

Dependencies

More by Rushil Dhinoja

View all
  • Morphing Square

    Morphing Square

    435
  • Voice Input

    Voice Input

    311
  • Warp Dialog

    Warp Dialog

    264
  • Orbital Loader

    Orbital Loader

    204
  • Bouncing Dots

    Bouncing Dots

    193
  • Vignette Grid Background

    Vignette Grid Background

    190
  • Wave Loader

    Wave Loader

    131
  • Discussion

    Discussion

    85

More in Text

View all
  • Vertical Cut Reveal Characters

    Vertical Cut Reveal Characters

    103
  • Rainbow Text Effect

    Rainbow Text Effect

    47
  • Motion Blur Text

    Motion Blur Text

    36
  • Text Loop

    Text Loop

    310
  • Text Reveal

    Text Reveal

    27
  • Apple Hello Effect

    Apple Hello Effect

    610
  • Typography

    Typography

    4
  • Animated Text

    Animated Text

    8