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.

[@jqk]

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

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

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

[@_amit_singhal]

Bro u are really amazing keep building..

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

[@yours_positively]

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

[@codewithsadee]

Thanks and welcome

[@the.codermj]

Great video brother.

[@codewithsadee]

Thanks

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

[@LeCreona]

Great sir, Thank you I am from Indonesia

[@codewithsadee]

You're welcome

[@_timestamp]

Nice editing, nice voice, nice content 😀

[@codewithsadee]

Thank you 😁

[@asmr_codster]

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

[@riadhachemi7489]

Very useful video thank you so Much

[@codewithsadee]

You are most welcome

[@themr_dev]

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

[@kadhalmarket1304]

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

[@maicon484]

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

[@codewithsadee]

Thanks

[@nesadlevent]

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

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

[@FrankGP.Systems]

amazing video editing

[@codewithsadee]

Thanks!

[@hikaru_e]

Thank you maaaan !

[@HuynhLuong227]

great, many thanks

[@codewithsadee]

Our pleasure!

[@amircahyadi9219]

Easy thank you 👍

[@codewithsadee]

You're welcome 😊

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

[@mujeebshami8700]

subscribed.
awesome

[@codewithsadee]

Thanks for subbing

[@gonzxgx]

FANTASTIC!

[@codewithsadee]

Many thanks!

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

[@wilsonmela6343]

Thank you

[@codewithsadee]

You're welcome

[@oeunbunsan2509]

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

[@mohsinsayyad6347]

awesome 😎👌

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

[@sreeramojusingamalai7472]

hi bro please provide a pdf file of ur code.

[@mr.fabian8471]

thanks!!! master !!

[@codewithsadee]

You are welcome!

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

[@namanyasiapa9307]

the best mr

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

[@youarethecssformyhtml]

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

[@micaelabahurlet5630]

Tanks for this video!

[@codewithsadee]

My pleasure ❤

[@VocalCove]

Thank you

[@codewithsadee]

You're welcome