Spotlight Card

A dark elevated surface that illuminates border and inner surfaces dynamically based on mouse pointer coordinates.

Spotlight Shader

Pointer-aware radial illumination calculating Euclidean coordinates in real time.

Coordinates: Hardware Accelerated

Installation

Add the component directly to your repository using shadcn CLI:

npx shadcn@latest add Surajmaurya1/easyui/spotlight-card

API Reference

PropTypeDefaultDescription
spotlightColorstring'rgba(56, 189, 248, 0.08)'Inner ambient radial color
spotlightSizenumber350Radius of spotlight effect in pixels