---
title: "Amusement Loader — Free Framer component · Best of Framer"
description: "Free Framer component · by Zoey · Loaders. Amusement Loader Loading from night to day."
canonical: "https://framer.elliotli.dev/component/amusement-loader"
---

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

# Amusement Loader

Loading from night to day.

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

![Amusement Loader preview image 1](https://framer.elliotli.dev/og/component/amusement-loader/03a494caf4d8546e/1600x1119.jpg)

## Summary

Amusement Loader Loading from night to day.

## Description

**Five rides. Five loading stages.**

The park starts in the dark.

As your page loads, the rides come to life one by one. At 20%, the drop tower starts. Then the Ferris wheel, pirate ship, carousel, and finally the roller coaster.

At 100%, morning arrives, the lights switch off, and the loader fades out.

Use it with Framer page loading, or connect your own progress.

### Controls

-   Day / night colors
    
-   Ride and light colors
    
-   Scene width
    
-   Completion hold
    
-   Fade duration
    
-   Manual stage preview
    

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

-   All · #7068

## Details

- **Author**: Zoey
- **Published**: 2026-09-09
- **Updated**: 2026-09-12
- **Added**: 2026-09-09
- **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
