Spotlight Card
High-performance interactive card with dynamic spotlight effect that follows mouse movement for sophisticated content illumination
Pro Features
Unlock advanced capabilities with the Pro version
Dynamic Spotlight
Mouse-following radial gradient illumination
Border Glow
Animated gradient border effects on hover
Custom Colors
Full RGBA color control with transparency
Adjustable Size
Configure spotlight radius and intensity
Layered Effects
Multiple gradient layers for depth
GPU Accelerated
Hardware-accelerated transforms for smooth performance
Premium Quality
Production-ready with accessibility support
Precise Tracking
Accurate mouse position detection and interpolation
Installation
Install via CLI
moonui add spotlight-cardUsage
Spotlight Card
Move your cursor over the card to experience dynamic spotlight illumination that highlights content with sophisticated radial gradients
Examples
Quantum Computing Dashboard - Entangled Systems
Monitor quantum computing operations with spotlight cards showing qubit states, entanglement metrics, and quantum circuit performance in real-time
Quantum StateMonitoring System
Qubit State
Active Qubits
Fidelity Rate
Quantum Accuracy
Error Rate
Error Threshold
AI Neural Network - Deep Learning Analytics
Visualize neural network training metrics with interactive spotlight cards displaying loss functions, accuracy rates, and model performance indicators
Intelligence TrainingAnalytics Dashboard
Model Size
Parameters
Accuracy
Model Accuracy
Response
Inference Time
Blockchain Network - Transaction Analytics
Monitor blockchain operations with spotlight cards showing transaction throughput, block confirmations, and network consensus metrics
Blockchain TransactionAnalytics Platform
Block Height
Current Block
TPS
Transactions/sec
Volume
24h Volume
Space Mission Control - Telemetry Dashboard
Track space missions with spotlight cards displaying orbital parameters, spacecraft telemetry, and mission critical systems status
Mission ControlTelemetry System
Distance
To Target
Velocity
Speed of Light
Arrival
Time Remaining
Cybersecurity Operations - Threat Intelligence
Monitor security operations with spotlight cards showing threat detection rates, vulnerability assessments, and incident response metrics
Security OperationsCommand Center
Threats Blocked
Today
System Health
Uptime
Response Time
Avg Response
Data Analytics Platform - Real-time Insights
Visualize business intelligence with spotlight cards displaying KPIs, data processing metrics, and analytical insights in real-time
Data IntelligenceAnalytics Platform
Data Volume
Daily Processing
Queries
Queries/second
Latency
Avg Response