Glow Card
Premium card component with advanced glow effects, animations, and interactive features
Pro Features
Unlock advanced capabilities with the Pro version
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.
Cyberpunk Mode
Immersive gaming experience with neon aesthetics
Glass Morphism - Premium Dashboard
Elegant glass effect with subtle glow and backdrop blur
Premium Dashboard
Analytics & Insights Platform
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.
Creative Studio
Where ideas come to life
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.
Flash Sale
Exclusive deals ending soon
Multi-Layer Glow - Feature Highlight
Complex glow effects with multiple customizable layers
Multi-Layer System
Advanced visual depth with complex glow layers
Interactive Mouse Tracking - Hero Section
Dynamic glow that follows mouse movement with 3D tilt
Interactive Experience
Move your mouse to see the magic
Minimal Subtle - Professional Card
Clean and subtle glow for professional interfaces
Enterprise Security
Bank-grade encryption and compliance