Text Cursor⁽⁰²⁸⁾

Custom magnetic floating indicator tracking pointer movement over typography blocks.

Hover

Requires:motion

Move your cursor across this area to see the trail effect.

Installation

$npx kibo add text-cursor

Usage

1import { TextCursor } from "@/components/kibo/text-cursor/component";
2 
3export default function Example() {
4  return (
5    <TextCursor />
6  );
7}

Props Reference

Prop	Type	Default	Description
`text`	`string`	'⚛️'	The text content to display and animate.
`spacing`	`number`	100	Controls the spacing for the component animation.
`followMouseDirection`	`boolean`	true	Controls the follow mouse direction for the component animation.
`randomFloat`	`boolean`	true	Controls the random float for the component animation.
`exitDuration`	`number`	0.5	Controls the exit duration for the component animation.
`removalInterval`	`number`	30	Controls the removal interval for the component animation.
`maxPoints`	`number`	5	Controls the max points for the component animation.