Text Roll

A text roll component that rotates each character, fully customizable for nice text animations.

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

import { TextRoll } from '@/components/ui/text-roll';

export function TextRollBasic() {
  return (
    <TextRoll className='text-4xl text-black dark:text-white'>
      motion-primitives
    </TextRoll>
  );
}