---
title: "Curtain Loader — Framer component · Best of Framer"
description: "$5.00 · Framer component · by gustavwf · Loaders. About this component Meet Curtain Loader, a cinematic page reveal component."
canonical: "https://framer.elliotli.dev/component/curtain-loader"
---

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

# Curtain Loader

Cinematic Page Reveal

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

![Curtain Loader preview image 1](https://framer.elliotli.dev/og/component/curtain-loader/978dff62df3b300e/1600x1200.jpg)

## Summary

About this component Meet Curtain Loader, a cinematic page reveal component.

## Description

## About this component

Meet Curtain Loader, a cinematic page reveal component. It opens your page with a masked sliver from the bottom up, then blooms into a curved curtain that pulls apart from the floor. Physically grounded, naturally weighted, and tunable to your brand.

Ideal for landing pages, portfolio intros, project case studies, and any moment that deserves a dramatic entrance.

## Properties

-   Overlay - Color of the curtain before it opens
    
-   Initial Hold - Optional pause before the animation begins
    
-   Line Draw - Duration of the upward sliver reveal
    
-   Reveal - Duration of the curtain opening, measured to fully off-screen
    
-   Gap Width - Width of the initial sliver the page peeks through
    
-   Curve - How pronounced the wine-glass waist is
    
-   Top Pinch - How much the top opens up vs stays pinched
    
-   Blocks clicks during animation, and re-enables them when finished.
    

## Questions?

If you have any questions about this component, feel free to contact me [@gustavwf](https://x.com/gustavwf) or [hi@gustavwf.com](mailto:hi@gustavwf.com)

## Want more?

Find my works at [gustavwf.supply](https://gustavwf.supply).

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

-   All · #693

## Details

- **Author**: gustavwf
- **Price**: $5.00
- **Published**: 2026-06-08
- **Updated**: 2026-06-08
- **Added**: 2026-05-24
- **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