Docs / Components / Drawing Cursor
Drawing Cursor
A premium background component where the mouse cursor draws a fading pencil-like line on a canvas. Supports touch and smooth opacity fading.
Dependencies
Install the following dependencies to use this component:
1npm install clsx tailwind-merge
Installation
Run the following command in your terminal to add the component to your project:
1npx rankflow-ui@latest add drawing-cursor
Props Reference
| Prop | Type | Default | Description |
|---|---|---|---|
| lineColor | string | '#b6eb00' | Color of the drawn line. |
| lineWidth | number | 2 | Width of the pencil stroke. |
| fadeDuration | number | 1000 | Duration in ms for the drawn path to disappear. |
| className | string | '' | Additional CSS classes for the wrapper. |