Spotlight
Professional spotlight effect with multiple spotlights, trail effects, motion blur, heat maps, wave animations, 3D depth, particle systems, and WebGL rendering for creating stunning interactive lighting experiences.
Pro Features
Unlock advanced capabilities with the Pro version
Trail Effects
Dynamic spotlight trails with customizable decay and colors
Motion Blur
Realistic motion blur effects in multiple directions
Heat Maps
Data-driven intensity mapping for analytics visualization
Wave Animations
Advanced wave patterns including ripple, sine, and spiral
3D Depth Effects
Perspective-based depth with shadow support
WebGL Rendering
Hardware-accelerated rendering for maximum performance
Particle Systems
Dynamic particle effects with trail support
Multi-Layer Support
Complex layered spotlight compositions
Interactive Zones
Custom trigger areas with proximity detection
Spotlight Masks
Custom shapes and cutout effects for creative designs
Advanced Blend Modes
Professional blend modes for creative effects
Touch Optimization
Full mobile and tablet touch interaction support
Installation
Install via CLI
npx moonui-cli@latest add spotlightUsage
Professional Spotlight
Trail effects, motion blur & wave animations
Examples
Interactive Product Showcase with 3D Depth
Premium product display with 3D depth effects, trails, and motion blur
MacBook Pro M3
Professional performance redefined
Data Visualization with Heat Maps
Interactive dashboard with heat-map based spotlight intensity and wave animations
Analytics Heatmap
Real-time user engagement data visualization
Gaming Interface with Multi-Layer Effects
Dynamic gaming UI with layered spotlights, particle effects, and advanced animations
COSMIC BATTLES
Level 47 • Battle Royale Mode
Art Gallery with Spotlight Masks
Creative gallery interface with masked spotlights and custom shapes
Digital Art Gallery
Curated collection of contemporary digital artworks
Abstract Cosmos
Digital painting • 2024
Neon Dreams
3D render • 2024
Cyber Vision
AI generated • 2024
Landing Page Hero with Animated Gradients
Modern landing page with dynamic gradient spotlights and wave animations
Build the Future
Create stunning applications with our next-generation development platform
E-commerce Product Grid with Trail Effects
Interactive product showcase with hover trails and motion blur
MacBook Air M3
13-inch • 16GB • 512GB SSD
iPhone 15 Pro Max
256GB • Pro Camera System
Code Editor with Syntax Highlighting
Interactive code editor with syntax-aware spotlight highlighting
Interactive Map with Location Spotlights
Geographic interface with location-based interactive zones and spotlights
Global Locations
Hover over locations to explore our worldwide presence