---
title: "EclipseAura — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Integry · Effects. Cinematic grainy orbital eclipse aura."
canonical: "https://framer.elliotli.dev/component/eclipseaura"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/EclipseAura

# EclipseAura

Cinematic grainy orbital eclipse aura.

[View on Framer](https://framer.com/marketplace/components/eclipseaura/?via=elliot-li)

![EclipseAura preview image 1](https://framer.elliotli.dev/og/component/eclipseaura/4898bf536b19e351/1600x1200.jpg)

## Summary

Cinematic grainy orbital eclipse aura.

## Description

Elevate your UI with a cinematic, grainy orbital glow.

Eclipse Aura is a high-performance React component designed for Framer. It creates a mesmerizing "solar eclipse" effect, featuring a central core surrounded by a dynamic, customizable ring of dancing particles. Perfect for hero sections, feature highlights, or adding a sense of "prestige" to your dark-mode designs.

Tutorial![Controls](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-biyqj32y-lu56EjdaEYhYLUkb05zTsxgqN90IdM)Controls

### ✨ Key Features

Canvas-Optimized Performance: Uses HTML5 Canvas for the grain particles, ensuring smooth 60fps animations even with thousands of particles.

Dynamic Particle Ring: Customize the "Grain" density, size, speed, and wobble (noise) to create anything from a subtle dust ring to a chaotic energy field.

Interactive Pulsing: Optional Framer Motion-powered "breathing" effect for the central glow.

Fully Customizable: Control every aspect—core size, glow spread, ring offset, and noise intensity—directly from the Framer properties panel.

Responsive by Design: Automatically adjusts to its container size while maintaining high-DPI clarity 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.

### 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? Reach out via email [**integrystudio@gmail.com**](mailto:integrystudio@gmail.com) or on [**LinkedIn**](https://www.linkedin.com/company/integrystudio).

### Setting Up

Need help setting up your website or integrating this component?

Reach out, and we’ll help get it running perfectly in your Framer project.

[**Demo**](https://integry.framer.ai/eclipseaura)

## Rank history [How rankings work →](/terms#rankings)

-   All · #4820

## Details

- **Author**: Integry
- **Price**: $5.00
- **Published**: 2026-04-09
- **Updated**: 2026-04-11
- **Added**: 2026-03-18
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo