 Hi, I'm gonna present a slightly different way of interacting with your browsing the web rather and Called the bubble cursor. Now if you look at a normal cursor over here, you can see it barely It has a point. It has One pixel of an activation area you can basically click with only the top left corner of that of that triangle at the very top What happens if you expanded that activation area? To a much larger area That would mean you could move them out You could move the cursor less from one point to another and you'd have to be you could be much less accurate when selecting anything you wanted to Well, that's in fact what they do in a lot of mobile apps, for example Because if you're not accurate with your finger, they can try and see if you're touching something nearby The problem though is this if you have two things that are clickable that are right next to each other How do you know what to click? How does the computer know what you should be clicking? That's why it's one pixel There's a concept though called the bubble cursor the activation area Resizes based on nearby items. So if there's something close by it, it'll it'll click it but if it's further it'll resize and Click it as well Here's the tutorial If I move my cursor near this button you see it turns into a bubble and I can click Here you go. I can click links or check a checkbox I don't have to move my mouse right over the checkbox so you can see I can be much less accurate and Still achieve my task So that's the very basics. Now if you think about text fields, why do you have to move your mouse over a text field as well? Why do you even have to click it? Why can't I move my cursor near one and just start typing? Why can't I move my cursor down and then just start typing again and Wait, it's the wrong password I don't have to drag and select all the text or press control a or something like that I just click type again click type again It's a much faster way of filling in forms because you can be so much less accurate and on top of that You get to click less Here's a Wikipedia page As you can see I can just move my cursor around and selecting everything that's possible Again, you'll see that it displays the title as if you were hovering over it in the bottom left You'll it's a little cut off, but you'll see the URL that it would go to if you were to click I Can of course command click to open in a new tab and I can pretty much use it as a normal cursor in that sense And of course if I move it near a search field Straightaway typing now that the cursor is in a sense inserted into the DOM or rather shadow DOM I can actually manipulate it a bit So let's choose some different colors and here we go got a nice different style of a cursor and As you can see it also overrides some CSS so the outlines on boxes and such are also changed to match your cursor So that's the basics of a bubble cursor you can check it out at bubble cursor comm. Thank you