Cursor Animation Library

18 live cursor effects, preview and copy the code

Cursor Animation Library — Pick from 18 live cursor effects, preview them on a canvas and copy the React code to use now

How to use Cursor Animation Library

  1. Move your mouse over the preview canvas
  2. Pick one of the 18 cursor effects
  3. Tune size, trail and colour
  4. Copy the React code for the effect

Features

  • 18 live canvas cursor effects
  • Bubble, rainbow, sparkle, snowflake, spotlight and more
  • Size, trail length and colour controls
  • Copy or download the React snippet
  • Click ripples work on every effect

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.