Glow Card
Premium card component with advanced glow effects, animations, and interactive features
Pro features
What the Pro version adds to this component.
7 Professional Variants
From subtle to cyberpunk - a variant for every use case
Multi-Layer Glow System
Stack multiple glow layers for complex visual effects
Interactive Mouse Tracking
Dynamic glow that follows mouse movement in real-time
3D Tilt Effect
Perspective tilt on hover for depth and engagement
Gradient Support
Create stunning multi-color gradient backgrounds
7 Animation Presets
Professional animations including pulse, breathe, and shimmer
Pattern Backgrounds
5 pattern overlays for additional visual interest
Glass Morphism
Modern glass effect with backdrop blur
Performance Optimized
GPU-accelerated animations with will-change optimization
Theme Adaptive
Automatically adjusts to light/dark color schemes
Installation
Install via CLI
npx @moontra/moonui-cli add glow-cardUsage
Advanced Glow CardProfessional Effects & Animations
Experience cutting-edge visual effects with mouse tracking, 3D tilt, gradients, and pattern backgrounds
Examples
Cyberpunk Neon - Gaming Interface
High-tech neon glow with circuit patterns and 3D tilt effect. `cyberpunk` is a fixed cyan→magenta→yellow palette — `glowColor`/`intensity`/`theme` have no effect here; use `glowLayers` (shown below) to customize this variant's glow.
Glass Morphism - Premium Dashboard
Elegant glass effect with subtle glow and backdrop blur
Aurora Gradient - Creative Portfolio
Animated aurora effect with multiple gradient layers. `aurora` is a fixed blue→violet→pink glow palette — `glowColor`/`intensity`/`theme` have no effect here; use `gradient`/`gradientColors` (shown below) to customize the background instead.
Sunrise Glow - E-commerce Product
Warm sunrise colors with pulse animation for featured products. `sunrise` is a fixed multi-layer palette — `glowColor` below is accepted by the API but has no visual effect on this variant (only `size` changes the glow spread); it's kept here to show the prop exists, not to demonstrate a working customization.
Multi-Layer Glow - Feature Highlight
Complex glow effects with multiple customizable layers
Interactive Mouse Tracking - Hero Section
Dynamic glow that follows mouse movement with 3D tilt
Minimal Subtle - Professional Card
Clean and subtle glow for professional interfaces