---
title: "Aurora Effect — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Edi Priatama · Backgrounds. Animated Background"
canonical: "https://framer.elliotli.dev/component/aurora-effect"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Aurora Effect

# Aurora Effect

Aurora Background Effect

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

![Aurora Effect preview image 1](https://framer.elliotli.dev/og/component/aurora-effect/dcc7d7cbe0d223cf/1600x1200.jpg)

## Summary

Animated Background

## Description

animated background component inspired by flowing northern lights. It uses multiple layered radial gradients that gently drift, scale, and wave upward from the bottom, creating a soft aurora-like glow with natural depth and motion. Perfect for modern hero sections.

**Customizable Options :**

-   **Color** 1: Set the primary aurora color.
    
-   **Color** 2: Define the secondary aurora color.
    
-   **Color** 3: Define the Third aurora color.
    
-   **Blur Amount (px)** : Control how soft and diffused the aurora appears.
    
-   **Animation Speed** : Adjust how fast the aurora waves move and flow.
    
-   **Wave Height** : Scale the vertical reach of the aurora waves from the bottom.
    

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

-   All · #3012

## Details

- **Author**: Edi Priatama
- **Price**: $5.00
- **Published**: 2026-01-30
- **Updated**: 2026-10-25
- **Added**: 2026-01-15
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background