---
title: "Angel Halo Gradient — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Sirrah Space · Backgrounds. Infuse an ethereal, dreamy vibe into your designs with the Angel Halo Gradient."
canonical: "https://framer.elliotli.dev/component/angel-halo-gradient"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Angel Halo Gradient

# Angel Halo Gradient

A dreamy rotating pastel aura ring

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

![Angel Halo Gradient preview image 1](https://framer.elliotli.dev/og/component/angel-halo-gradient/7b186e388216c003/1600x1200.jpg)

## Summary

Infuse an ethereal, dreamy vibe into your designs with the Angel Halo Gradient.

## Description

Infuse an ethereal, dreamy vibe into your designs with the **Angel Halo Gradient**. This component creates a glowing, **animated gradient ring** that rotates gently around a clean center, mimicking the viral "Angel" or "Aurora".

It serves as the perfect **focus frame**, drawing attention to the center with a soft, **ethereal blur**. Unlike standard borders, this **rotating halo** feels alive and fluid. It is fully customizable—adjust the four-color pastel palette, **blur intensity**, and rotation speed to create a divine, glowing backdrop for profile pictures, products, or minimalist typography.

**How to Use:**

1.  **Insert:** Drag the **Angel Halo Gradient** component onto your canvas.
    
2.  **Sizing:** Set to specific dimensions (e.g., 500x500) for a card, or "Fill" for a full-screen effect.
    
3.  **Colors:** Pick 4 soft, pastel colors (like Lavender, Sky Blue, Pink) to achieve the signature "Angel" look.
    
4.  **Halo Size:** Adjust the **White Area** (centerSize) property. Increase it to make the halo thinner (like a rim), or decrease it to make the glow thicker.
    
5.  **Blur:** Keep **Blur** high (100+) for a soft, cloudy effect, or lower it for a defined ring.
    

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

-   All · #9803

## Details

- **Author**: Sirrah Space
- **Price**: $5.00
- **Published**: 2026-01-29
- **Updated**: 2026-07-26
- **Added**: 2026-01-16
- **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