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 👍

[@Braimcode]

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

[@codewithsadee]

Thanks a lot!

[@Kaarim030]

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

[@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 ❤

[@niteshprajapat7918]

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

[@codewithsadee]

So nice of you ❤ haha

[@MuneebR7]

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

[@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

[@_amit_singhal]

Bro u are really amazing keep building..

[@MohammadAsadAli-jz5wv]

I Found This So Much Informative!

[@codewithsadee]

I'm so glad!

[@roshinif]

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

[@codewithsadee]

Thanks for the tip!

[@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

[@jqk]

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

[@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

[@yGonzzaga]

FANTASTIC!

[@codewithsadee]

Many thanks!

[@yours_positively]

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

[@codewithsadee]

Thanks and welcome

[@kadhalmarket1304]

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

[@the.codermj]

Great video brother.

[@codewithsadee]

Thanks

[@VocalCove]

Thank you

[@codewithsadee]

You're welcome

[@micaelabahurlet5630]

Tanks for this video!

[@codewithsadee]

My pleasure ❤

[@LeCreona]

Great sir, Thank you I am from Indonesia

[@codewithsadee]

You're welcome

[@riadhachemi7489]

Very useful video thank you so Much

[@codewithsadee]

You are most welcome

[@asmr_codster]

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

[@maicon484]

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

[@codewithsadee]

Thanks

[@HuynhLuong227]

great, many thanks

[@codewithsadee]

Our pleasure!

[@_timestamp]

Nice editing, nice voice, nice content 😀

[@codewithsadee]

Thank you 😁

[@FrankGP.com.]

amazing video editing

[@codewithsadee]

Thanks!

[@mujeebshami8700]

subscribed.
awesome

[@codewithsadee]

Thanks for subbing

[@hikaru_e]

Thank you maaaan !

[@namanyasiapa9307]

the best mr

[@mohsinsayyad6347]

awesome 😎👌

[@mr.fabian8471]

thanks!!! master !!

[@codewithsadee]

You are welcome!

[@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

[@nesadlevent]

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

[@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?

[@themr_dev]

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

[@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?

[@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.

[@SpotlightPodClips]

nice

[@codewithsadee]

Thanks

[@sreeramojusingamalai7472]

hi bro please provide a pdf file of ur code.

[@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.

[@BigBoys69]

bro why mine dont show the cursor?

[@BigBoys69]

nevermind bro thanks and have a good day

[@Eternal.Growth]

How I can hide this on mobile device

[@codewithsadee]

simply add "display: none"

[@chiggywiggy524]

The lesser js, the better.

[@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

[@user-ne6tb5jm2x]

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