Add A Cursor of Your Choice

This tutorial explains how to add a cursor using GIF or image of your choice. It is optional to use file hosting website or upload it in your dashboard if it allows uploads. The custom cursor will work on desktop devices or any device that supports cursors (e.g. s-pen or mouse).

  1. Paste this code in your <head></head>
    <style> type="text/css"> * { cursor: url(image-link), auto !important; } </style>
  2. Replace the image-link with the image direct link.
  3. Output Code:
    <style> type="text/css"> * { cursor: url(https://i.imgur.com/YUAE6Zx.gif), auto !important; } </style>