---
title: "Apex Loop — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Dharminder Singh · Buttons. 3D Circular Animation Loop"
canonical: "https://framer.elliotli.dev/component/apex-loop"
---

[Home](/)/[Components](/components)/[Buttons](/components/category/buttons)/Apex Loop

# Apex Loop

3D Circular Animation Loop

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

![Apex Loop preview image 1](https://framer.elliotli.dev/og/component/apex-loop/b1c71a52d366df1e/1600x1200.jpg)

## Summary

3D Circular Animation Loop

## Description

A Three.js-powered 3D animated loop component for Framer. Core parameters are exposed in the Framer properties panel, requiring no code edits to customize.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ygn3ntbc-7kNcqiXlngVriIGh4CEVuaLsal5YkO)

**Key Features**

-   **Geometry Toggles:** Switch the 3D shape output instantly from the properties panel. Available modes: Spikes, Coins, and Cubes.
    
-   **Color Controls:** Dedicated inputs to change the base 3D material and accent colors to match your hex codes or design system variables.
    
-   **Velocity Adjustment:** A slider to control the rotation speed of the continuous 3D loop.
    

**Usage Instructions**

1.  **Install:** Drag and drop the component onto your Framer canvas.
    
2.  **Configure:** Select the component. Use the right-hand properties sidebar to define the active shape, colors, and rotation speed. Changes render live on the canvas.
    
3.  **Performance:** The Three.js rendering loop is optimized to minimize overhead and maintain frame rates alongside native Framer DOM elements.
    

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

-   All · #8603

## Details

- **Author**: Dharminder Singh
- **Price**: $5.00
- **Published**: 2026-06-06
- **Updated**: 2026-06-05
- **Added**: 2026-06-04
- **Categories**: Buttons

## More like this

-   [Eye Glow Button](/component/eye-glow-button) — Frame Native · Free — Cursor-following eyes, soft glow
-   [Dash Stretch Button](/component/dash-stretch-button) — Pentaclay · Free — Animated Hover Button With a Dash
-   [Nova Theme Toggle](/component/nova-theme-toggle) — Shouvik Biswas · $12 — Three-Mode Theme Toggle
-   [Nabby: Copy Button](/component/nabby-copy-button) — Francesco Gallo · Free — Plug in your button, copy anything