{"id":17696,"date":"2025-07-22T08:32:42","date_gmt":"2025-07-22T08:32:42","guid":{"rendered":"https:\/\/animation-addons.com\/docs\/features\/aae-cursor\/"},"modified":"2025-11-18T10:04:33","modified_gmt":"2025-11-18T10:04:33","slug":"aae-cursor","status":"publish","type":"docs","link":"https:\/\/animation-addons.com\/docs\/features\/aae-cursor\/","title":{"rendered":"Cursor Feature"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Customizing your website\u2019s cursor makes the browsing experience more engaging and memorable for visitors, helping your site stand out and show your brand\u2019s unique style.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">AAE Cursor offers useful features to improve interactivity and visual appeal, ensuring every movement feels smooth and well-crafted.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Requirement<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Elementor (Page Builder)<\/li>\n\n\n\n<li>Animations Addons (Our Plugin)<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tip<\/strong>: Make sure Animation Addons is installed and activated on your WordPress site before you start.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 1: Enable Cursor and Adjust Settings<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">First, go to your \u2018Site Settings\u2019 and click on AAE Cursor. The interface will open immediately.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img fetchpriority=\"high\" decoding=\"async\" width=\"324\" height=\"682\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-1.webp\" alt=\"AAE Cursor 1\" class=\"wp-image-17699\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-1.webp 324w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-1-143x300.webp 143w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-1-10x20.webp 10w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-1-15x32.webp 15w\" sizes=\"(max-width: 324px) 100vw, 324px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Cursor<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Toggle on the cursor to reveal all the setting options. If you turn it off, the other settings will be hidden, and no cursor effect will appear on your live site.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Cursor Size<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Next, set the cursor size based on your preference. For example, it&#8217;s set to 23 here, but you can choose any value that works best for you.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Cursor Follower Size<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Then, set the cursor follower size based on your preference. For example, it&#8217;s set to 5 here.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img decoding=\"async\" width=\"328\" height=\"488\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-2.webp\" alt=\"AAE Cursor 2\" class=\"wp-image-17700\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-2.webp 328w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-2-202x300.webp 202w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-2-13x20.webp 13w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-2-22x32.webp 22w\" sizes=\"(max-width: 328px) 100vw, 328px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 2: Customize Cursor Colors<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can change the cursor and follower colors to match your website\u2019s look. It helps keep your design consistent and eye-catching.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Cursor Color<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In this example, the cursor color is purple, but feel free to pick the color that suits you best.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Cursor Follower Color<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Similarly, the cursor follower color is set to purple here, but you can pick any color that works for you.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img decoding=\"async\" width=\"325\" height=\"400\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-3.webp\" alt=\"AAE Cursor 3\" class=\"wp-image-17701\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-3.webp 325w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-3-244x300.webp 244w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-3-16x20.webp 16w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-3-26x32.webp 26w\" sizes=\"(max-width: 325px) 100vw, 325px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Step 3: Set Cursor Blend Style<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Try different blend modes to give your cursor a unique look.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Blend Mode<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Normal: <\/strong>Choosing Normal means no special effect is used. The cursor just appears as it is and covers anything behind it.<\/li>\n\n\n\n<li><strong>Multiply:<\/strong> Choosing Multiply will apply an effect that mixes the cursor and background colors, making the result look darker.<\/li>\n\n\n\n<li><strong>Screen:<\/strong> It makes the background lighter by changing and blending the colors in a special way.<\/li>\n\n\n\n<li><strong>Overlay: <\/strong>It mixes dark and light effects to keep both the bright and shadow areas of the background visible.<\/li>\n\n\n\n<li><strong>Darken: <\/strong>Selected Darken will only show the darker parts where the cursor and background overlap.<\/li>\n\n\n\n<li><strong>Lighten:<\/strong> Selected Lighten will only show the lighter areas where the cursor and background meet.<\/li>\n\n\n\n<li><strong>Color Dodge:<\/strong> Choosing Color Dodge will make the background brighter using the cursor\u2019s color, making light areas stand out more.<\/li>\n\n\n\n<li><strong>Saturation: <\/strong>It uses the cursor\u2019s color strength but keeps the background\u2019s brightness and overall color the same.<\/li>\n\n\n\n<li><strong>Color: <\/strong>Apply the cursor\u2019s color and strength while keeping the background\u2019s brightness the same.<\/li>\n\n\n\n<li><strong>Difference:<\/strong> It takes away the cursor\u2019s colors from the background, making strong or opposite color effects.<\/li>\n\n\n\n<li><strong>Exclusion: <\/strong>Works like Difference, but the colors blend more gently and look less sharp.<\/li>\n\n\n\n<li><strong>Hue<\/strong>: Keeps the cursor\u2019s color shade but changes its brightness and intensity to match the background.<\/li>\n\n\n\n<li><strong>Luminosity: <\/strong>Changes the background\u2019s color based on how bright the cursor is.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">For example, it&#8217;s set to \u2018Normal\u2019 here, but you can choose any option you prefer.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"358\" height=\"674\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-4.webp\" alt=\"AAE Cursor 4\" class=\"wp-image-17702\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-4.webp 358w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-4-159x300.webp 159w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-4-11x20.webp 11w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-4-17x32.webp 17w\" sizes=\"(max-width: 358px) 100vw, 358px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>BreakPoint<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Breakpoint settings give you options like Mobile Portrait, Mobile Landscape, Tablet Portrait, Tablet Landscape, and Laptop.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These help you adjust your design for different devices and screen sizes. For example, here it is set to \u2018Mobile Portrait\u2019.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"366\" height=\"553\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-5.webp\" alt=\"AAE Cursor 5\" class=\"wp-image-17703\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-5.webp 366w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-5-199x300.webp 199w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-5-13x20.webp 13w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-5-21x32.webp 21w\" sizes=\"(max-width: 366px) 100vw, 366px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">After that, click \u2018Save Changes\u2019 and close the settings. Then, click \u2018Preview\u2019 to see the result.<\/p>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"309\" height=\"890\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-6.webp\" alt=\"AAE-Cursor-6\n\" class=\"wp-image-17704\" title=\"Dashboard\" srcset=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-6.webp 309w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-6-104x300.webp 104w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-6-7x20.webp 7w, https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor-6-11x32.webp 11w\" sizes=\"(max-width: 309px) 100vw, 309px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Final Result<\/strong><\/h2>\n\n\n\n<div class=\"wp-block-columns cth-img-box has-black-background-color has-background is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column inner-cth-img-box is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full cth-img\"><img loading=\"lazy\" decoding=\"async\" width=\"1152\" height=\"648\" src=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/AAE-Cursor.gif\" alt=\"AAE Cursor\" class=\"wp-image-17722\" title=\"Dashboard\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>You did it<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Congrats! You\u2019ve finished customizing your website\u2019s cursor with AAE Cursor Extensions. By turning on the cursor, setting its size, picking colors, and trying out different blend styles, you\u2019ve given your site a unique, interactive look that makes it more engaging and attractive.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Moreover, if you have any questions or need a hand, feel free to reach out to our support team\u2014we\u2019re always here to help.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Customizing your website\u2019s cursor makes the browsing experience more engaging and memorable for visitors, helping your site stand out and show your brand\u2019s unique style. AAE Cursor offers useful features to improve interactivity and visual appeal, ensuring every movement feels smooth and well-crafted. Requirement Tip: Make sure Animation Addons is installed and activated on your [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":18394,"parent":17686,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"doc_badge":[],"class_list":["post-17696","docs","type-docs","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cursor Feature - Animation Addons<\/title>\n<meta name=\"description\" content=\"Customize your site\u2019s cursor with Animation Addons. Add colors, sizes, and effects to create a smooth, engaging browsing experience.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/animation-addons.com\/docs\/features\/aae-cursor\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cursor Feature - Animation Addons\" \/>\n<meta property=\"og:description\" content=\"Customize your site\u2019s cursor with Animation Addons. Add colors, sizes, and effects to create a smooth, engaging browsing experience.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/animation-addons.com\/docs\/features\/aae-cursor\/\" \/>\n<meta property=\"og:site_name\" content=\"Animation Addons\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/animationaddons\" \/>\n<meta property=\"article:modified_time\" content=\"2025-11-18T10:04:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/Cursor-Feature-Documentation.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"48\" \/>\n\t<meta property=\"og:image:height\" content=\"48\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@animationaddons\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/features\\\/aae-cursor\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/features\\\/aae-cursor\\\/\",\"name\":\"Cursor Feature - Animation Addons\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/features\\\/aae-cursor\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/features\\\/aae-cursor\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Cursor-Feature-Documentation.webp\",\"datePublished\":\"2025-07-22T08:32:42+00:00\",\"dateModified\":\"2025-11-18T10:04:33+00:00\",\"description\":\"Customize your site\u2019s cursor with Animation Addons. Add colors, sizes, and effects to create a smooth, engaging browsing experience.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/features\\\/aae-cursor\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/animation-addons.com\\\/docs\\\/features\\\/aae-cursor\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/features\\\/aae-cursor\\\/#primaryimage\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Cursor-Feature-Documentation.webp\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/Cursor-Feature-Documentation.webp\",\"width\":48,\"height\":48,\"caption\":\"Cursor feature documentation\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/features\\\/aae-cursor\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Features\",\"item\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/features\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Cursor Feature\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#website\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"name\":\"Animation Addons\",\"description\":\"Best Animation Plugin for WordPress\",\"publisher\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\"},\"alternateName\":\"Animation Addons for Elementor\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#organization\",\"name\":\"Animation Addons\",\"alternateName\":\"Animation Addons for Elementor\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"contentUrl\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/wp-content\\\/uploads\\\/2025\\\/04\\\/logo.svg\",\"width\":48,\"height\":48,\"caption\":\"Animation Addons\"},\"image\":{\"@id\":\"https:\\\/\\\/animation-addons.com\\\/docs\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/animationaddons\",\"https:\\\/\\\/x.com\\\/animationaddons\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/animation-addons\\\/\",\"https:\\\/\\\/www.pinterest.com\\\/animationaddons\\\/\",\"https:\\\/\\\/www.instagram.com\\\/aimationaddons\\\/\",\"https:\\\/\\\/www.tiktok.com\\\/@animationaddons\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cursor Feature - Animation Addons","description":"Customize your site\u2019s cursor with Animation Addons. Add colors, sizes, and effects to create a smooth, engaging browsing experience.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/animation-addons.com\/docs\/features\/aae-cursor\/","og_locale":"en_US","og_type":"article","og_title":"Cursor Feature - Animation Addons","og_description":"Customize your site\u2019s cursor with Animation Addons. Add colors, sizes, and effects to create a smooth, engaging browsing experience.","og_url":"https:\/\/animation-addons.com\/docs\/features\/aae-cursor\/","og_site_name":"Animation Addons","article_publisher":"https:\/\/www.facebook.com\/animationaddons","article_modified_time":"2025-11-18T10:04:33+00:00","og_image":[{"width":48,"height":48,"url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/Cursor-Feature-Documentation.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_site":"@animationaddons","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/animation-addons.com\/docs\/features\/aae-cursor\/","url":"https:\/\/animation-addons.com\/docs\/features\/aae-cursor\/","name":"Cursor Feature - Animation Addons","isPartOf":{"@id":"https:\/\/animation-addons.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/animation-addons.com\/docs\/features\/aae-cursor\/#primaryimage"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/features\/aae-cursor\/#primaryimage"},"thumbnailUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/Cursor-Feature-Documentation.webp","datePublished":"2025-07-22T08:32:42+00:00","dateModified":"2025-11-18T10:04:33+00:00","description":"Customize your site\u2019s cursor with Animation Addons. Add colors, sizes, and effects to create a smooth, engaging browsing experience.","breadcrumb":{"@id":"https:\/\/animation-addons.com\/docs\/features\/aae-cursor\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/animation-addons.com\/docs\/features\/aae-cursor\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/features\/aae-cursor\/#primaryimage","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/Cursor-Feature-Documentation.webp","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/07\/Cursor-Feature-Documentation.webp","width":48,"height":48,"caption":"Cursor feature documentation"},{"@type":"BreadcrumbList","@id":"https:\/\/animation-addons.com\/docs\/features\/aae-cursor\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/animation-addons.com\/docs\/"},{"@type":"ListItem","position":2,"name":"Features","item":"https:\/\/animation-addons.com\/docs\/features\/"},{"@type":"ListItem","position":3,"name":"Cursor Feature"}]},{"@type":"WebSite","@id":"https:\/\/animation-addons.com\/docs\/#website","url":"https:\/\/animation-addons.com\/docs\/","name":"Animation Addons","description":"Best Animation Plugin for WordPress","publisher":{"@id":"https:\/\/animation-addons.com\/docs\/#organization"},"alternateName":"Animation Addons for Elementor","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/animation-addons.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/animation-addons.com\/docs\/#organization","name":"Animation Addons","alternateName":"Animation Addons for Elementor","url":"https:\/\/animation-addons.com\/docs\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/","url":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","contentUrl":"https:\/\/animation-addons.com\/docs\/wp-content\/uploads\/2025\/04\/logo.svg","width":48,"height":48,"caption":"Animation Addons"},"image":{"@id":"https:\/\/animation-addons.com\/docs\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/animationaddons","https:\/\/x.com\/animationaddons","https:\/\/www.linkedin.com\/company\/animation-addons\/","https:\/\/www.pinterest.com\/animationaddons\/","https:\/\/www.instagram.com\/aimationaddons\/","https:\/\/www.tiktok.com\/@animationaddons"]}]}},"author_avatar":"https:\/\/secure.gravatar.com\/avatar\/0cb251acebcf31b587dae1c57e54b1e0186336876a1e18cf6e7895f9658a1db4?s=96&d=mm&r=g","author_name":"Rony Bormon","_links":{"self":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/17696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/comments?post=17696"}],"version-history":[{"count":9,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/17696\/revisions"}],"predecessor-version":[{"id":18483,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/17696\/revisions\/18483"}],"up":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/docs\/17686"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media\/18394"}],"wp:attachment":[{"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/media?parent=17696"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_tag?post=17696"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/animation-addons.com\/docs\/wp-json\/wp\/v2\/doc_badge?post=17696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}