Cursor

An animated cursor component that allows you to customize both the cursor and cursor follow elements with smooth animations.

Move your mouse over the div

Installation

<CursorProvider>
  <Cursor>
    <svg>{...}</svg>
  </Cursor>
  <CursorFollow>
    <div>Follow me</div>
  </CursorFollow>
</CursorProvider>

You can use only the CursorFollow (like the example below) component or the Cursor component.

Move your mouse over the div

Prop

Type

Prop

Type

Prop

Type

Counter

A numeric input control featuring increment and decrement buttons, smoothly animating number transitions using the SlidingNumber component.

Files

A component that allows you to display a list of files and folders.