EasyUI Logoeasyui
HomeComponentsDocs
EasyUI Logoeasyui
ComponentsDocsGitHubLLMs
© 2026 EasyUI. Built by Suraj Maurya.
React · TypeScript · Motion

Intro

Guides

Components

Activity Feed
Advanced Data Table
AI Agent Activity
AI Response
Animated File Upload
Animated Number Morph
Animated Tabs
Avatar Stack
Batch Gesture Tray
Book Call Button
Branching Submenu
Button
Car Smoke Page Transition
Chat
Circular Orbit
Code Snippet Deck
Command Menu
Cursor Follower
Density Lens
Dependency Trace
Depth Corridor
DirectionalTooltip
Dot Field
Dot Shader
Drag to Confirm
DrawCheckbox
Evil Eye
Expandable Data Row
Expandable Search
FAQ
Floating Action Dock
Focus Mode
Form
Glass Navbar
Glitch Text
Glyph Matrix
Gooey Menu
Gravity Particle Burst
Hamburger Menu
Interactive Timeline
Intro Loader
iOS-style Search Bar
Liquid Ripple Button
Liquid Toggle
Loader
LockInput
Login
macOS Folder Cards
Magnetic Button
Meteors
Metric HUD
Morphing Blob
Morphing Button
Morphing Dialog
Morphing Icon
Morphing Shape Loader
Neon Edge Button
Nimbu Mirchi
Not Found
Notification Bell
Notification Stack
Orbital Loading Ring
OriginDropdown
OTP Input
Particle Delete
Payment Receipt Printer
Payment Status
Peek Card
Pill Navigation
PressButton
Pricing
Profile Card
Pull to Refresh
Rainbow Button
Recovery Ledger
Reveal Card
Rocket Party Popper
Scroll Progress Navigation
Scroll Velocity Text
Selection Basket
SettleModal
Shooting Stars
Sign Up
SlidePagination
Small Floating Dock
Smart Comparison
Smooth Accordion
Sparkles Core
Speed Warp
Split Button
Spotlight Card
Spotlight Search
SpringSelect
Stack Unfold Panel
Stacked Cards
Sticky Pages
Story Cards
StretchSwitch
Text Scramble Decoder
Thinking Orb
Torque Dial
Typewriter Button
Undo Toast
UnfoldAccordion
VelocityToast
Wallet Card
  1. EasyUI
  2. Components
  3. Spotlight Card

Spotlight Card

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

Loading preview…

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

Related Components

Motion

Animated Number Morph

Independent column digit rolling physics for metrics and financial dashboards

Motion

Car Smoke Page Transition

Cinematic automotive page transition

Motion

Circular Orbit

Continuous circular orbit gallery with depth-aware tiles

Spotlight Shader

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

Coordinates: Hardware Accelerated