Home / Snippets / Cursor Spotlight Card
UINEXA SNIPPET

Cursor Spotlight Card

A premium interactive card with a soft cursor-following spotlight, dynamic border lighting and polished depth.

CSS HTML Intermediate PREMIUM FEATURED
Snippet Details

Difficulty: Intermediate

Type: Frontend Effect

Status: Pro Membership Required

Premium Preview

Unlock the interactive effect.

UINEXA PROCursor Spotlight CardInteractive preview available with Pro
PREMIUM EFFECT Source code available with UINEXA Pro
UINEXA Pro

Unlock with the UINEXA Pro Plan.

UNLOCK WITH PRO

Unlock the HTML, CSS and JavaScript for this premium effect.

Unlock the complete premium library, future Pro releases and commercial usage across unlimited client projects.

Installation

How to use this snippet

1. Add an HTML widget in Elementor.

2. Paste the HTML code into the widget.

3. Add the CSS code to Elementor Custom CSS or your website stylesheet.

4. Add the JavaScript through Elementor Custom Code and set the location to Body End.

5. Replace #your-link with the destination URL of the card link.

6. Test the cursor spotlight and keyboard focus states on desktop and mobile.

Elementor Note

Elementor usage

The snippet supports multiple cards on the same page. The pointer interaction is disabled for touch input while the card remains fully usable on mobile.

Browser Support

Works in modern browsers.

Chrome
Firefox
Safari
Edge