---
title: "Atom Loader — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Muhmad Hmdo · Loaders. Atom Loader renders a 3D atom model - nucleus with depth-sorted protons and neutrons, three intersecting orbits with trailing…"
canonical: "https://framer.elliotli.dev/component/atom-loader"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Atom Loader

# Atom Loader

A loading indicator that actually holds

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

![Atom Loader preview image 1](https://framer.elliotli.dev/og/component/atom-loader/c4138d2d0e646673/1600x1200.jpg)

## Summary

Atom Loader renders a 3D atom model - nucleus with depth-sorted protons and neutrons, three intersecting orbits with trailing electrons, and a subtle camera parallax that follows…

## Description

**A loading indicator that actually holds attention. Atom Loader renders a 3D atom model** \- nucleus with depth-sorted protons and neutrons, three intersecting orbits with trailing electrons, and a subtle camera parallax that follows the cursor. Every element is SVG-based, so it stays razor-sharp at any size.

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-1f7glcs7-YxUvJIm3Ccw23etYn6Bckv3FJFLmga)

**What you can control:**

-   Animation speed, orbit opacity, and line width
    
-   Full color system - ink color, electron color, proton and neutron gradient stops (highlight, mid, shadow)
    
-   Nucleus behavior -breathing pulse and Brownian jitter intensity
    
-   Electron glow radius and trail visibility
    
-   Camera parallax on/off with adjustable strength
    
-   Frame-rate cap for performance optimization
    
-   Background color and padding
    
-   Component size
    

**Why this exists:**

Most loaders disappear the moment they finish. This one sits in the background of a hero section, a dashboard, or a dark-mode landing page and adds depth without stealing focus. The parallax makes it respond to the user, not just the clock.

**How it works:**

Drop it into any frame. Resize with Framer's layout system. Tweak the control panel no code needed. It pauses automatically when off-screen or when the tab is hidden, so it won't drain battery or CPU.

_Refund Policy: All sales are final. No refunds._

By [sbarah.com](http://sbarah.com)

Free support: [framer@muhmad.me](mailto:framer@muhmad.me)

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

-   All · #7143

## Details

- **Author**: Muhmad Hmdo
- **Price**: $5.00
- **Published**: 2026-05-05
- **Updated**: 2026-05-05
- **Added**: 2026-04-21
- **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