Neon Crosshair

Glowing neon lines that span the full viewport like a targeting system. Maximum drama.

neonfullscreendramatic

HTML

<!-- Paste before </body> -->
<div id="neon-h"></div>
<div id="neon-v"></div>
<div id="neon-dot"></div>

How to Use

Copy the HTML
Add the HTML structure before your closing </body> tag
Add the CSS
Include the CSS in your stylesheet or <style> tag
Include the JavaScript
Add the JavaScript code in a <script> tag or external file
Test it out
Move your mouse to see the custom cursor in action!

Update the color values in CSS to match your brand

#8b5cf6

Modify width and height properties to scale the cursor

Change transition duration values for faster/slower animations

Classic two-layer cursor with a sharp dot and trailing ring. Clean and versatile.

Soft glowing orb that pulses and leaves a luminous trail. Perfect for dark premium sites.

Cursor snaps and distorts toward interactive elements like a magnet. Ultra-premium feel.