---
title: "AnimatedAILoaderFX — Framer component · Best of Framer"
description: "$10.00 · Framer component · by DiverseKit · Loaders. Animated text loader with gradient orb"
canonical: "https://framer.elliotli.dev/component/animatedailoaderfx"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/AnimatedAILoaderFX

# AnimatedAILoaderFX

Animated text loader gradient orb

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

![AnimatedAILoaderFX preview image 1](https://framer.elliotli.dev/og/component/animatedailoaderfx/4519f545993558f2/1600x1200.jpg)

## Summary

Animated text loader with gradient orb

## Description

**AnimatedLoaderFX** transforms a standard loading state into an elegant, dynamic experience. Each letter of your custom text animates in a staggered wave, while a circular orb behind the text rotates continuously, cycling through shifting gradient colors using animated inset box-shadows. The result is a smooth, visually engaging loader that draws the eye without feeling distracting.

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

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

-   All · #4711

## Details

- **Author**: DiverseKit
- **Price**: $10.00
- **Published**: 2026-02-19
- **Updated**: 2026-10-01
- **Added**: 2026-02-06
- **Categories**: Loaders

## More like this

-   [Preloader Pro V4](/component/preloader-pro-v4) — Interface Studio · $12 — Your Website, Beautifully Unveiled
-   [Circleloader](/component/circleloader) — gustavwf · $5 — Circular logo reveal loader.
-   [AI Text Loading](/component/ai-text-loading) — Syauqizaidan Khairan Khalaf · $5 — Thinking phrases with a shimmer
-   [Preloader Pro V3](/component/preloader-pro-v3) — Interface Studio · $10 — Set the Stage Before the Story