---
title: "Preloader Orbital — Framer component · Best of Framer"
description: "$9.00 · Framer component · by Aidan Looker · Loaders. What is Preloader Orbital?"
canonical: "https://framer.elliotli.dev/component/preloader-orbital"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Preloader Orbital

# Preloader Orbital

Geometric preloader with branded flair.

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

![Preloader Orbital preview image 1](https://framer.elliotli.dev/og/component/preloader-orbital/57e4ab89882eef8a/1600x1200.jpg)

## Summary

What is Preloader Orbital?

## Description

## What is Preloader Orbital?

Preloader Orbital is a high-end, full-viewport loading animation. Featuring an intricate geometric orbit system with rotating rings, traveling particles, a circular progress arc, and a sweeping scan line, it transforms your site's first impression into a polished, branded moment. Ideal for portfolios, studios, product launches, and any site where perception of quality matters.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-8vjwbcr2-RQLDut7AgLOovQEwgaJNpNG4n3n3B6)](https://teampixelau.lemonsqueezy.com/checkout/buy/3b016e8d-2ba4-4944-8431-e2c592334df1)

## Core Features

-   Five curated design presets — Obsidian, Eclipse, Ember, Frost, and fully Custom — each with a complete set of tuned color tokens
    
-   Geometric orbital animation system with layered rings, glowing traveling dots, tick marks, corner brackets, and ambient glow effects
    
-   Animated progress counter with configurable suffix, loading label, and adjustable font and size
    
-   Logo branding support — upload a logo to display at the centre of the animation
    
-   Background image support with adjustable colour overlay opacity for branded loading screens
    
-   Smooth layered exit sequence — background fades, orbits scale out, counter blurs away
    
-   Visibility modes to control when the preloader appears — every visit, once per session, or first visit only
    

## Controls inside Framer

### Design

-   Design Preset
    
-   Show Counter
    
-   Counter Suffix
    
-   Loading Text
    

### Branding

-   Show Logo
    
-   Logo Image
    
-   Logo Size
    

### Background

-   Background Image
    
-   Overlay Opacity
    

### Colors (Custom preset)

-   Background
    
-   Rings
    
-   Text
    
-   Glow
    

### Typography

-   Font
    
-   Counter Size
    

### Timing

-   Duration
    
-   Exit Speed
    

### Visibility

-   Visibility Mode
    

## Best use cases

-   Portfolio and agency sites that need a premium, cinematic first impression
    
-   Product and brand launch pages where controlled reveal builds anticipation
    
-   Studio and creative sites that want a branded, logo-forward loading experience
    
-   SaaS and app landing pages where perceived performance and polish drive conversions
    

Elevate your site's first moment. One component, zero code, instant premium.

## Questions or custom requests?

We design and build custom Framer components. Get in touch at [contact@teampixel.com.au](mailto:contact@teampixel.com.au).

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

-   All · #10118

## Details

- **Author**: Aidan Looker
- **Price**: $9.00
- **Published**: 2026-03-31
- **Updated**: 2026-06-13
- **Added**: 2026-03-20
- **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