---
title: "Page Curtain Reveal — Framer component · Best of Framer"
description: "$5.00 · Framer component · by xtremely Unusual · Loaders. Animated curtain page reveal pre-loader"
canonical: "https://framer.elliotli.dev/component/page-curtain-reveal"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Page Curtain Reveal

# Page Curtain Reveal

Animated curtain page reveal pre-loader

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

![Page Curtain Reveal preview image 1](https://framer.elliotli.dev/og/component/page-curtain-reveal/990911bd88626e45/1600x1200.jpg)

## Summary

Animated curtain page reveal pre-loader

## Description

Each column animates upward with a 0.1s staggered delay, creating a fluid, sequential reveal that feels intentional and polished. Whether you're building a portfolio, a product launch page, or a premium web experience, this component adds a layer of craft that visitors will notice.

**What's Included**

-   Responsive columns spanning the full page width
    
-   Sequential staggered animation (0.1s delay per column)
    
-   Fully independent column color controls match your brand palette or build a gradient-like sweep across the reveal
    
-   Optional logo or image overlay for branded preloader experiences
    
-   Works seamlessly as a preloader or page transition
    

**Customization**

Every column color is independently editable, giving you complete control over the visual effect from a solid brand color to a multi-tone gradient sequence. Pointer events should be set to none so links remain clickable beneath the curtainDrop in your logo or a custom image to make the loading moment feel like part of your brand, not an afterthought.

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

-   All · #8659

## Details

- **Author**: xtremely Unusual
- **Price**: $5.00
- **Published**: 2026-04-10
- **Updated**: 2026-04-09
- **Added**: 2026-03-15
- **Categories**: Loaders

## More like this

-   [Stretch Preloader](/component/stretch-preloader) — Akshay M · $10 — A selected letter extends
-   [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