---
title: "CreativeExperienceFX — Framer component · Best of Framer"
description: "$8.00 · Framer component · by DiverseKit · Sections. Scroll-triggered circle pattern anime"
canonical: "https://framer.elliotli.dev/component/creativeexperiencefx"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/CreativeExperienceFX

# CreativeExperienceFX

Scroll-triggered circle pattern

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

![CreativeExperienceFX preview image 1](https://framer.elliotli.dev/og/component/creativeexperiencefx/b6f9460ac75e50bc/1600x1200.jpg)

## Summary

Scroll-triggered circle pattern anime

## Description

CreativeExperience FX is a scroll-driven Framer component where multiple circle elements start as fragmented or dotted patterns and gradually form complete circles as the user scrolls. This produces a satisfying visual progression and adds a sense of motion and discovery to the layout.

You can customize the number of circles, radius, spacing, formation speed, easing, colors, opacity, and layering. Supports interactive triggers like scroll direction, scroll velocity, or hover enhancements for extra depth.

Ideal for hero sections, interactive storytelling, portfolio highlights, educational visuals, or creative landing pages, CreativeExperience FX turns ordinary scroll into a captivating, motion-driven experience.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ux4q2s9h-8rszlV8CXkUyxxkJWBLJArZFoyOfw1)](https://diversekit.lemonsqueezy.com/checkout/buy/18e6b00b-cd19-476b-82b5-29e3f7515679)

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

-   All · #7784

## Details

- **Author**: DiverseKit
- **Price**: $8.00
- **Published**: 2026-02-27
- **Updated**: 2026-10-01
- **Added**: 2026-02-21
- **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