Want to Create Custom Cursor Without Using Frameworks?

[@RahulKumar-ed9vw]

I have integrated this in my react app and I have got best of best what others animation framework can't do. I have tried a lot to create custom pointer using framer-motion but it distorts my UI. But, this saved my life. Thanks buddy, for your awesome tutorial.

[@Ali_Hassan2442]

bro can you send me code i also want use in react app

[@bencipherx]

Let’s sync up, I plan to use it to in my Astro js project

[@SanjayMistry.]

Brilliant, thank you. So glad you're able to talk us through your code now 👍

[@Kaarim030]

I was searching for this type of cursor thanks for solving my problem❤❤❤❤

[@Braimcode]

Keep creating a content like this, you are very professional !

[@codewithsadee]

Thanks a lot!

[@hishwebdesign]

I love this. Your voice is so soothing, and I feel like learning. THANKS! please continue recording these videos.

[@codewithsadee]

I'm so glad!

[@alaamansour1466]

Thank you, I love that your videos and it's a big change in the voice. It adds a great deal more value for us. Thank you again.😍

[@codewithsadee]

You're most welcome Mansour ❤

[@MuneebR7]

Brillaint brother. I didnt know about the animate method in Javascript.

[@editorvijaypro]

it was great thank you, but can you comment the code and guide where to add if we want outline of cursor to be scale 0.01s every time we click on somthing

[@niteshprajapat7918]

Sir, your voice is as soothing and mesmerizing as your projects are😁🔥

[@codewithsadee]

So nice of you ❤ haha

[@_amit_singhal]

Bro u are really amazing keep building..

[@amritroomreloaded]

I like your content very much. I am following your content in becoming frontend developer. I am waiting much more from you in coming days. Thanks

[@codewithsadee]

Thank you, I will

[@MohammadAsadAli-jz5wv]

I Found This So Much Informative!

[@codewithsadee]

I'm so glad!

[@charith-q8m]

Hi! A tip- use translate X and Y values instead of left and top. It is way smoother..

[@codewithsadee]

Thanks for the tip!

[@jqk]

Is there a way to make it not disappear when moving the cursor around fast?

[@oeunbunsan2509]

This project is fine, but you forgot make the cursor disappear when we mouse outside of the broswer!

[@abdulhamid.469]

This is my first time on your channel and you are a professional developer. Create video with voice it better way to understand your audience. Thanks

[@codewithsadee]

I will try my best

[@yours_positively]

Thank you sir for makeing this voice with video.. Really great

[@codewithsadee]

Thanks and welcome

[@micaelabahurlet5630]

Tanks for this video!

[@codewithsadee]

My pleasure ❤

[@VocalCove]

Thank you

[@codewithsadee]

You're welcome

[@LeCreona]

Great sir, Thank you I am from Indonesia

[@codewithsadee]

You're welcome

[@kadhalmarket1304]

Love u broooooo.......................................🧡🧡

[@yGonzzaga]

FANTASTIC!

[@codewithsadee]

Many thanks!

[@the.codermj]

Great video brother.

[@codewithsadee]

Thanks

[@riadhachemi7489]

Very useful video thank you so Much

[@codewithsadee]

You are most welcome

[@hikaru_e]

Thank you maaaan !

[@HuynhLuong227]

great, many thanks

[@codewithsadee]

Our pleasure!

[@BurGG32]

yo so Its not workingfor me because i think i need to import something, but every thing elese works like the no cursor and the custom one up in the corner

[@rohankumar8189]

having the same issue

[@namanyasiapa9307]

the best mr

[@asmr_codster]

if i want new cursor on all windows space can i make it with html / JS ?

[@_timestamp]

Nice editing, nice voice, nice content 😀

[@codewithsadee]

Thank you 😁

[@mujeebshami8700]

subscribed.
awesome

[@codewithsadee]

Thanks for subbing

[@maicon484]

Uauuuu,
you are very good at what you do, i like it a lot

[@codewithsadee]

Thanks

[@mohsinsayyad6347]

awesome 😎👌

[@getinmycombo]

Hey Ive got a problem now... If I move my cursor now the whole page moves with it and I cant scroll down anymore or dont do anything. Can maybe someone help me?

[@ibrahimhamdi117]

I have custom mouse cursor created with ChatGPT 3, but the issue is can't drag above embed codes in the page, I'm using hostinger builder, Can you please have a tip to fix it?

[@nesadlevent]

is there a way to use it on windows? like downloading the cursor

[@mr.fabian8471]

thanks!!! master !!

[@codewithsadee]

You are welcome!

[@themr_dev]

How to make the inner circle dissappear if i hove on a link or aomething

[@frysh]

I'm trying on wordpress, but the cursor doesn't appear or is stuck in the top left corner

[@shubhamdave4603]

Bro, the js won't be working therefore it is stuck at its initial position.

[@therafftech9635]

I've created a cursor but its annoying in mobile phone i dont wanna see it in an android device what i can do for that??

[@codewithsadee]

You can "display: none" in mobile than display block in large screen from CSS

[@ShubhUSinha]

Use media queries

[@codewithsadee]

Yes @@ShubhUSinha

[@webdog3667]

it doesn't work for me... I use Dreamweaver cc 2021

[@SanjayMistry.]

If you can, stop using DW. Just hand-code your work like Sadee. His way of coding will teach you the fundamentals of HTML/CSS/JS. DW just bloats your code with unnecessary code.

[@monke3043]

is it possible to use cursor png image?

[@codewithsadee]

Of course why not

[@codewithsadee]

Check this resource: developer.mozilla.org/en-US/docs/Web/CSS/cursor

[@sreeramojusingamalai7472]

hi bro please provide a pdf file of ur code.

[@Eternal.Growth]

How I can hide this on mobile device

[@codewithsadee]

simply add "display: none"

[@chiggywiggy524]

The lesser js, the better.

[@MZDesigns-r7l]

can you send me this code ❤

[@codewithsadee]

All the source code available on my patreon and buymeacoffee

[@amircahyadi9219]

Easy thank you 👍

[@codewithsadee]

You're welcome 😊

[@wilsonmela6343]

Thank you

[@codewithsadee]

You're welcome