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

    442
  • Voice Input

    Voice Input

    316
  • Warp Dialog

    Warp Dialog

    270
  • Orbital Loader

    Orbital Loader

    211
  • Bouncing Dots

    Bouncing Dots

    195
  • Vignette Grid Background

    Vignette Grid Background

    193
  • Wave Loader

    Wave Loader

    133
  • Discussion

    Discussion

    85

More in Text

View all
  • Vertical Cut Reveal Characters

    Vertical Cut Reveal Characters

    116
  • Rainbow Text Effect

    Rainbow Text Effect

    47
  • Apple Hello Effect

    Apple Hello Effect

    624
  • NeonRGBTextEffect

    NeonRGBTextEffect

    145
  • Blur Reveal

    Blur Reveal

    314
  • Vapour Text Effect

    Vapour Text Effect

    2K
  • Aero Hero-3

    Aero Hero-3

    580
  • Text Loop

    Text Loop

    324