TextCursor

PreviousNext

Make any text element follow your cursor, leaving a trail of copies behind it.

Docs
react-bitscomponent

Preview

Loading preview…
TextCursor/TextCursor.css
.text-cursor-container {
  width: 100%;
  height: 100%;
  position: relative;
}

.text-cursor-inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}

.text-cursor-item {
  position: absolute;
  user-select: none;
  white-space: nowrap;
  font-size: 1.875rem;
}

Installation

npx shadcn@latest add @react-bits/TextCursor-JS-CSS

Usage

import { TextCursorJSCSS } from "@/components/TextCursor-JS-CSS"
<TextCursorJSCSS />