Code

Indicative Link Cursors

Why choose Jake? It's very simple. We have a better offer.
  1. About
  2. Embed
  3. Usage
  4. Example
  5. Code

About

A mouse cursor that better represents the link on hover. Implement custom cursors based on each specific link. This includes social media icon cursors, cursors to indicate link location (#section, internal, external, email etc) background color detection, and cursor size control.

Embed

Usage

You can set the pixel size of the cursor in the data-cursor-size attribute. Available cursor sizes range for 16 - 32.

Example

Destination Cursor Icon Hover Demo
Facebook https://www.facebook.com/drjordanpeterson
Facebook https://www.facebook.com/drjordanpeterson
Instagram https://www.instagram.com/jake.labate
Instagram https://www.instagram.com/jake.labate
Twitter / X https://twitter.com/labate_jake
Twitter / X https://twitter.com/labate_jake
LinkedIn https://www.linkedin.com/in/jakelabate
LinkedIn https://www.linkedin.com/in/jakelabate
TikTok https://www.tiktok.com/@j.labate
TikTok https://www.tiktok.com/@j.labate
YouTube https://www.youtube.com/@jakelabate
YouTube https://www.youtube.com/@jakelabate
Page section #info
Page section #info
Internal URL https://www.jakelabate.com
Internal URL https://www.jakelabate.com
External URL https://github.com/JakeLabate
External URL https://github.com/JakeLabate
Email jake.a.labate@gmail.com
Email jake.a.labate@gmail.com
Phone (call) Call 203-907-5536
Phone (call) Call 203-907-5536
SMS (text) Text 203-907-5536
SMS (text) Text 203-907-5536

‍

Sizes range from 16px - 32px, but here is just a quick visual reference:

Pixel Sizes Render Size Demo
16px
22px
28px
32px

Code