Rushil Dhinoja

Word Rotate

Text 64

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

    437
  • Voice Input

    Voice Input

    314
  • Warp Dialog

    Warp Dialog

    268
  • Orbital Loader

    Orbital Loader

    210
  • Bouncing Dots

    Bouncing Dots

    195
  • Vignette Grid Background

    Vignette Grid Background

    190
  • Wave Loader

    Wave Loader

    133
  • Discussion

    Discussion

    85

More in Text

View all
  • Vertical Cut Reveal Characters

    Vertical Cut Reveal Characters

    110
  • Blur Reveal

    Blur Reveal

    313
  • Vapour Text Effect

    Vapour Text Effect

    2K
  • NeonRGBTextEffect

    NeonRGBTextEffect

    145
  • Rainbow Text Effect

    Rainbow Text Effect

    47
  • Shine Border

    Shine Border

    968
  • Apple Hello Effect

    Apple Hello Effect

    620
  • Text Highlight

    Text Highlight

    72