--- title: "Cursor & Magnetic JS Component" description: "Cursor & Magnetic JS Component | Cuberto BlogServicesProjectsCompanyBlogContactsMenuServicesProjectsCompanyBlogContactsGet in touchinfo@cuberto.comOur workflowcontact-contact-contact-contact-Dev Source6/7/2021Cursor & Magnetic JS ComponentThis is the source code of the Cursor and Magnetic component, which we use in…" url: https://nexonsoftware.com/cursor-magnetic-js-component/ date_published: 2026-06-07T17:21:43+00:00 date_modified: 2026-06-20T10:56:56+00:00 site: "Nexonsoftware" agent_standard: ugentic/1.0 --- Cursor & Magnetic JS Component | Cuberto Blog [https://nexonsoftware.com/?page_id=20&preview=true](https://nexonsoftware.com/?page_id=20&preview=true)[https://nexonsoftware.com/?page_id=20&preview=true](https://nexonsoftware.com/?page_id=20&preview=true) [Services](https://nexonsoftware.com/?page_id=21&preview=true) [Projects](https://nexonsoftware.com/?page_id=22&preview=true) [Company](https://nexonsoftware.com/?page_id=23&preview=true) [Blog](https://nexonsoftware.com/?page_id=24&preview=true) [Contacts](https://nexonsoftware.com/?page_id=25&preview=true) ### Menu [Services](https://nexonsoftware.com/?page_id=21&preview=true) [Projects](https://nexonsoftware.com/?page_id=22&preview=true) [Company](https://nexonsoftware.com/?page_id=23&preview=true) [Blog](https://nexonsoftware.com/?page_id=24&preview=true) [Contacts](https://nexonsoftware.com/?page_id=25&preview=true) ### Get in touch [info@cuberto.com](mailto:info@cuberto.com) [Our workflow](https://nexonsoftware.com/?page_id=20&preview=true) [https://nexonsoftware.com/?page_id=25&preview=true](https://nexonsoftware.com/?page_id=25&preview=true) Dev Source 6/7/2021 # Cursor & Magnetic JS Component This is the source code of the Cursor and Magnetic component, which we use in our projects. Effect uses jQuery and GSAP v3. This is the source code of the Cursor and Magnetic component, which we use in our projects. Effect uses jQuery and GSAP v3. The archive contains a demo project, which shows various examples of using the cursor. And in the README.MD file, you can find instructions for deploying a demo project on your computer and examples of how you can configure and use this effect. [https://github.com/Cuberto/cursor-magnetic-demo](https://github.com/Cuberto/cursor-magnetic-demo) Share [https://www.facebook.com/sharer/sharer.php?u=https://cuberto.co/blog/cursor-magnetic-js-component/](https://www.facebook.com/sharer/sharer.php?u=https://cuberto.co/blog/cursor-magnetic-js-component/) [https://www.linkedin.com/sharing/share-offsite/?url=https://cuberto.co/blog/cursor-magnetic-js-component/](https://www.linkedin.com/sharing/share-offsite/?url=https://cuberto.co/blog/cursor-magnetic-js-component/) [https://twitter.com/intent/tweet?url=https://cuberto.co/blog/cursor-magnetic-js-component/](https://twitter.com/intent/tweet?url=https://cuberto.co/blog/cursor-magnetic-js-component/) Related Posts [Dynamic Background Effect Using WebGL](https://nexonsoftware.com/?page_id=33&preview=true) [Make Transparent MP4 Styled with CSS](https://nexonsoftware.com/?page_id=51&preview=true) [Cuberto Mouse Follower](https://nexonsoftware.com/?page_id=29&preview=true) ## Have an idea? [Tell us](https://nexonsoftware.com/?page_id=25&preview=true) [info@cuberto.com](mailto:info@cuberto.com) Main office 901 N Pitt Street Alexandria VA, 22314 [+1 301 549 9309](tel:+13015499309) Second office Na Perstyne 342/1, 11000 Prague [Services](https://nexonsoftware.com/?page_id=21&preview=true)[Blog](https://nexonsoftware.com/?page_id=24&preview=true)[Projects](https://nexonsoftware.com/?page_id=22&preview=true)[Workflow](https://nexonsoftware.com/?page_id=20&preview=true)[Company](https://nexonsoftware.com/?page_id=23&preview=true)[Contacts](https://nexonsoftware.com/?page_id=25&preview=true) [Privacy Policy](https://nexonsoftware.com/?page_id=26&preview=true) 2026, Cuberto [https://www.instagram.com/cubertodesign/](https://www.instagram.com/cubertodesign/) [https://www.youtube.com/channel/UCzestFrXpwSGCfcbO2pObwQ](https://www.youtube.com/channel/UCzestFrXpwSGCfcbO2pObwQ) [https://github.com/Cuberto](https://github.com/Cuberto) [https://www.facebook.com/Cuberto.design/](https://www.facebook.com/Cuberto.design/) [https://dribbble.com/cuberto](https://dribbble.com/cuberto) [https://www.behance.net/cuberto](https://www.behance.net/cuberto)