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 ❤

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

[@MohammadAsadAli-jz5wv]

I Found This So Much Informative!

[@codewithsadee]

I'm so glad!

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

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

[@_amit_singhal]

Bro u are really amazing keep building..

[@oeunbunsan2509]

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

[@yours_positively]

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

[@codewithsadee]

Thanks and welcome

[@LeCreona]

Great sir, Thank you I am from Indonesia

[@codewithsadee]

You're welcome

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

[@riadhachemi7489]

Very useful video thank you so Much

[@codewithsadee]

You are most welcome

[@hikaru_e]

Thank you maaaan !

[@_timestamp]

Nice editing, nice voice, nice content 😀

[@codewithsadee]

Thank you 😁

[@gonzxgx]

FANTASTIC!

[@codewithsadee]

Many thanks!

[@amircahyadi9219]

Easy thank you 👍

[@codewithsadee]

You're welcome 😊

[@the.codermj]

Great video brother.

[@codewithsadee]

Thanks

[@jqk]

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

[@maicon484]

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

[@codewithsadee]

Thanks

[@HuynhLuong227]

great, many thanks

[@codewithsadee]

Our pleasure!

[@mr.fabian8471]

thanks!!! master !!

[@codewithsadee]

You are welcome!

[@namanyasiapa9307]

the best mr

[@kadhalmarket1304]

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

[@wilsonmela6343]

Thank you

[@codewithsadee]

You're welcome

[@mujeebshami8700]

subscribed. awesome

[@codewithsadee]

Thanks for subbing

[@mohsinsayyad6347]

awesome 😎👌

[@bigMacha32]

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

[@asmr_codster]

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

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

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

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

[@chiggywiggy524]

The lesser js, the better.

[@sreeramojusingamalai7472]

hi bro please provide a pdf file of ur code.

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

[@Eternal.Growth]

How I can hide this on mobile device

[@codewithsadee]

simply add "display: none"

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

[@unknownguywholovespizza]

It doesn't have anything to do with frameworks. Just basic CSS and JavaScript skills

[@MZDesigns-r7l]

can you send me this code ❤

[@codewithsadee]

All the source code available on my patreon and buymeacoffee

[@micaelabahurlet5630]

Tanks for this video!

[@codewithsadee]

My pleasure ❤

[@VocalCove]

Thank you

[@codewithsadee]

You're welcome