Rotating Text

Animations

Text that rotates through multiple words or phrases.

Import

import { PixelRotatingText } from "@/components/ui/pixel/animations/pixel-rotating-text"

Usage

Fast

Component Source

Copy and paste the following code into your project at /src/components/ui/pixel/animations/pixel-rotating-text.tsx

"use client";

import * as React from "react";
import RotatingText from "@/components/RotatingText";

export function PixelRotatingText(props: any) {
  const texts = props.texts || props.words || ["Fast", "Simple", "Pixel"];
  return (
    <div className="pixel-animation-wrapper">
      <RotatingText texts={texts} {...props} />
    </div>
  );
}

export default PixelRotatingText;

Accessibility

This component is built with accessibility in mind, including proper ARIA attributes, keyboard navigation, and focus management.