Eclipse Aura is a cinematic Framer component featuring a solid core and a grainy, pulsing orbital ring. It uses HTML5 Canvas for smooth performance, allowing full control over grain density, speed, and glow to create a high-end UI.
Eclipse Aura is a cinematic Framer component featuring a solid core and a grainy, pulsing orbital ring. It uses HTML5 Canvas for smooth performance, allowing full control over grain density, speed, and glow to create a high-end UI.
Product Description
Product Description
Introducing Eclipse Aura, a high-performance React component designed for Framer that brings a cinematic "solar eclipse" aesthetic to your digital interfaces. This component features a central core surrounded by a dynamic, canvas-optimized ring of grainy orbiting particles. With fully customizable property controls, you can effortlessly fine-tune the core size, glow intensity, and particle behavior to create a sophisticated, high-end atmosphere for your hero sections and feature highlights.
Introducing Eclipse Aura, a high-performance
React component designed for Framer that brings a cinematic "solar eclipse" aesthetic to your digital interfaces.
This component features a central core surrounded by a dynamic, canvas-optimized ring of grainy orbiting particles.
With fully customizable property controls, you can effortlessly fine-tune the core size, glow intensity, and particle behavior to create a sophisticated, high-end atmosphere for your hero sections and feature highlights.
✨ Key Features
• Canvas-Optimized Performance
Built using HTML5 Canvas to ensure ultra-smooth animations at 60fps—even with thousands of particles on screen.
• Dynamic Particle Ring
Fully control the grain system by adjusting density, size, speed, and noise (wobble). Create anything from a soft ambient dust ring to an intense, chaotic energy field.
• Interactive Pulsing
Optional “breathing” animation powered by Framer Motion, adding a subtle, organic pulse to the central glow.
• Fully Customizable
Fine-tune every visual detail directly from the Framer properties panel—core size, glow intensity, ring offset, and noise behavior.
• Responsive by Design
Seamlessly adapts to any container size while maintaining crisp, high-DPI visuals for Retina displays.
✨ Key Features
• Canvas-Optimized Performance
Built using HTML5 Canvas to ensure ultra-smooth animations at 60fps—even with thousands of particles on screen.
• Dynamic Particle Ring
Fully control the grain system by adjusting density, size, speed, and noise (wobble). Create anything from a soft ambient dust ring to an intense, chaotic energy field.
• Interactive Pulsing
Optional “breathing” animation powered by Framer Motion, adding a subtle, organic pulse to the central glow.
• Fully Customizable
Fine-tune every visual detail directly from the Framer properties panel—core size, glow intensity, ring offset, and noise behavior.
• Responsive by Design
Seamlessly adapts to any container size while maintaining crisp, high-DPI visuals for Retina displays.
🌑 Core Settings
• Core Size
Adjust the diameter of the central eclipse body.
• Core Color
Set the color of the center; typically black to achieve the eclipse aesthetic.
✨ Glow & Aura
• Glow Color
The color of the soft light radiating from behind the core.
• Blur & Spread
Fine-tune the softness and the reach of the surrounding aura.
💓 Pulse Animation
• Pulse Toggle
Enable a rhythmic "breathing" animation for the glow.
• Duration
Control the speed of the pulse, measured in seconds per cycle.
🧂 Grain Particles
• Grain Count
The number of orbiting particles, supporting up to 2,000 units.
• Grain Color
The specific color of the orbital dust and particles.
• Speed
How fast the particles rotate around the central core.
• Noise
The "jitter" or wobble intensity of the particles' orbital path.
⭕ Ring Geometry
• Ring Offset
Push the particles further away from or closer to the core.
• Ring Width
Adjust the thickness of the orbital path area.
🌑 Core Settings
• Core Size
Adjust the diameter of the central eclipse body.
• Core Color
Set the color of the center; typically black to achieve the eclipse aesthetic.
✨ Glow & Aura
• Glow Color
The color of the soft light radiating from behind the core.
• Blur & Spread
Fine-tune the softness and the reach of the surrounding aura.
💓 Pulse Animation
• Pulse Toggle
Enable a rhythmic "breathing" animation for the glow.
• Duration
Control the speed of the pulse, measured in seconds per cycle.
🧂 Grain Particles
• Grain Count
The number of orbiting particles, supporting up to 2,000 units.
• Grain Color
The specific color of the orbital dust and particles.
• Speed
How fast the particles rotate around the central core.
• Noise
The "jitter" or wobble intensity of the particles' orbital path.
⭕ Ring Geometry
• Ring Offset
Push the particles further away from or closer to the core.
• Ring Width
Adjust the thickness of the orbital path area.
Refund Policy
All sales are final due to the nature of digital products. Please review all details before purchasing.
Refund Policy
All sales are final due to the nature of digital products. Please review all details before purchasing.
Questions & Support
Free lifetime updates & email support.
Questions & Support
Free lifetime updates & email support.
Questions? Reach out via email integrystudio@gmail.com or on LinkedIn.
Questions? Reach out via email integrystudio@gmail.com or on LinkedIn.
Don't have an account?