Build interfaces that feel fast

Controls

intervalms

effect

durations

Word Rotate

Cycles through words with slide, fade, blur or flip transitions.

$ pnpm dlx shadcn@latest add @tweenly/word-rotate

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

export function Demo() {
  return (
    <p>
      Build interfaces that feel{" "}
      <WordRotate words={["fast", "fluid", "alive"]} />
    </p>
  )
}

Updates live as you change the controls. Only non-default props are included.