---
title: "Gradient Circle — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Veronica G · Sections. A animated gradient circle that adds delight to any section."
canonical: "https://framer.elliotli.dev/component/gradientcircle"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Gradient Circle

# Gradient Circle

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

![Gradient Circle preview image 1](https://framer.elliotli.dev/og/component/gradientcircle/42e999496fd68d24/1600x1200.jpg)

## Summary

A animated gradient circle that adds delight to any section.

## Description

A animated gradient circle that adds delight to any section. The gentle movement and glowing effect add depth and sophistication to your design. Perfect for AI-themed sites, tech platforms, or any project that demands a modern, polished aesthetic.Fully Customizable:

-   Morphing Intensity: Control how dramatically the circle transforms
    
-   Glow Effect: Adjust the radiance and intensity of the outer glow
    
-   Edge Blur: Fine-tune the softness of the circle's edges
    
-   Color Gradients: Customize the color palette to match your brand
    
-   Gradient Positioning: Adjust where gradients appear within the circle
    
-   Inner Gradient Thickness: Control the depth and spread of internal gradients
    
-   Animation Speed: Set the pace of movement and color transitions
    
-   Size: Scale the circle to fit any layout
    
-   Accessibility Tags: Add appropriate H1, H2, H3 tags
    
-   Font size and family: Ability to adjust the font size and family of specific words
    

Why You'll Love It:

-   Perfect for landing pages, portfolio headers, or anywhere you want to make a bold first impression.
    
-   Instantly elevates hero sections with premium visual appeal
    
-   Subtle, non-distracting animation keeps visitors engaged
    
-   Works beautifully on light or dark backgrounds
    
-   Lightweight and optimized for fast loading
    

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

-   All · #8328

## Details

- **Author**: Veronica G
- **Price**: $10.00
- **Published**: 2025-12-22
- **Updated**: 2025-12-22
- **Added**: 2025-12-20
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes