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
What the Pro version adds to this component.
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 Mode (Experimental)
Optional WebGL context; the visual effect currently renders via DOM
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 @moontra/moonui-cli 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
Data Visualization with Heat Maps
Interactive dashboard with heat-map based spotlight intensity and wave animations
Gaming Interface with Multi-Layer Effects
Dynamic gaming UI with layered spotlights, particle effects, and advanced animations
Art Gallery with Spotlight Masks
Creative gallery interface with masked spotlights and custom shapes
Landing Page Hero with Animated Gradients
Modern landing page with dynamic gradient spotlights and wave animations
E-commerce Product Grid with Trail Effects
Interactive product showcase with hover trails and motion blur
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