Astra

Text Cursor

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

Text Cursor, a Astra 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 Astra 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.