---
title: "GeometricLoaderFX — Framer component · Best of Framer"
description: "$7.00 · Framer component · by DiverseKit · Loaders. GeometricLoaderFX is a hypnotic loading animation built from overlapping triangular polygons that rotate at varying speeds and directions."
canonical: "https://framer.elliotli.dev/component/geometricloaderfx"
---

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

# GeometricLoaderFX

Morphing geometric shape loader FX

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

![GeometricLoaderFX preview image 1](https://framer.elliotli.dev/og/component/geometricloaderfx/e1f3e257a2c2e716/1600x1200.jpg)

## Summary

GeometricLoaderFX is a hypnotic loading animation built from overlapping triangular polygons that rotate at varying speeds and directions.

## Description

**GeometricLoaderFX** is a hypnotic loading animation built from overlapping triangular polygons that rotate at varying speeds and directions. As the shapes intersect, they blend through SVG masking combined with CSS contrast and blur filters, producing smooth, organic morphing transitions.

Multiple triangles rotate around independent pivot points, creating a layered motion system that feels dynamic without becoming chaotic. The applied mask allows a vibrant gradient background to shine through, adding depth, glow, and visual richness as the forms merge and separate.

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

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

-   All · #6844

## Details

- **Author**: DiverseKit
- **Price**: $7.00
- **Published**: 2026-02-16
- **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