Pet cursor is a simple javascript file that turns your website's cursor into a cute animated pet! (for the desktop)

Download it on github here!

demo

Now your desktop visitors can play as a cute creature as they browse your site!
This page is a tiny demo. Try rolling over the elements bellow the install instructions to see how it works...

The default character is based on the Neko desktop pet, you can use this default, or easily change the character to your own. Customization is simple, just follow the instructions in the pet_cursor.js file and update a few arrays.

Features include...
  • * Cursor faces the direction of the mouse.
  • * Cursor has a small interaction state, to interact with specific elements on a site (like hyperlinks).
  • * Cursor has a cute idle state, and a small "surprise" state that reacts when idling and the mouse is clicked.
  • * It's easy to customize.


  • Getting Pet Cursor on your page is easy! Just do the following...

    Download it from github here.
    Place "pet_cursor.js" and the "pet_cursor" folder in the same directory as the page that you would like to run it on.
    Then include the javascript by copying the code bellow and pasting it in your website's "head" tag...

    <script src="pet_cursor.js"></script>	
    	


    Then change your page's "body" tag to call startPetCursor(); on load...

    <body onload="startPetCursor();">
    	


    That's it! Your page should now have a cute little playable cursor character...



    Try rolling over the elements bellow to play around...








    THIS IS A HYPERLINK