React Bits

Text Cursor

Text or emoji that trails your cursor as stamped copies, a following chain or a ribbon of letters.

Text Cursor, a React Bits component

Use Text Cursor in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/TextCursor-TS-TW
How to install React Bits components

Related components

  • Tech Text

    A wordmark whose letters turn into dashed vector paths under the cursor.

  • Echo Text

    Ghosted copies trail behind the text and settle into a single word.

  • Scrambled Text

    Detects cursor position and applies a distortion effect to text.