Feel free to use this Custom Cursor Tool to improve
Weekly web design content by Marvin Aziz
SIGN UP NOW
Are you willing to really master Webflow?
Subscribe for free value-bombs 💣 and receive my 15+ favorite free cloneables in the Webflow universe and tools I use every day.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
We use Klaviyo as our marketing platform. By clicking above to subscribe, you acknowledge that your information will be transferred to Klaviyo for processing.
Create your own Custom Cursor
So you want to create your custom cursor for your website. This is the tool that will help you achieve it. Start by uploading an image of your custom cursor to a server you'll be able to get the image from. Make sure the image is small! (<128px width & height) If you leave the input fields blank, you'll receive the code for the example custom cursors used on this site. Hope you'll enjoy it!
Choose your general cursor
Paste a Link to your chosen cursor in the normal state. (.png, .svg or .jpeg)
Choose your secondary cursor
Paste a Link to your chosen cursor in the hover state over links.
Where do you want the cursor to appear? (optional)
Type in the class name of the elements your cursor is supposed to appear.
Click the button and use the code snippet below. Copy and paste the code for your custom cursor into the <head> tags of your website. That's it! You are ready to go.