---
title: "Curtain Preloader — Free Framer component · Best of Framer"
description: "Free Framer component · by Shreyansh Shrivastava · Loaders. Cinematic curtain reveal for Frame"
canonical: "https://framer.elliotli.dev/component/curtain-preloader"
---

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

# Curtain Preloader

Cinematic curtain reveal for Frame

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

![Curtain Preloader preview image 1](https://framer.elliotli.dev/og/component/curtain-preloader/0626ac5a8ea47708/1600x1067.jpg)

## Summary

Cinematic curtain reveal for Frame

## Description

Give your website a more intentional first impression with a cinematic curtain-style page reveal.

Curtain Loader creates a smooth fullscreen transition that covers the page, introduces your content, and elegantly opens to reveal the experience underneath.

Designed for portfolios, agencies, studios, creative websites, and premium landing pages where the transition into the site matters as much as the site itself.

### ✦ Features

-   Cinematic fullscreen curtain reveal
    
-   Smooth entrance and exit animation
    
-   Minimal, editorial visual style
    
-   Customizable background color
    
-   Adjustable animation timing
    
-   Easy-to-use Framer property controls
    
-   Responsive across desktop, tablet, and mobile
    
-   Lightweight and performance-focused
    
-   No external dependencies
    
-   Works directly inside Framer
    
-   Designed for fullscreen page introductions
    
-   Easy to drop into existing Framer projects
    

### ✦ Perfect For

-   Creative portfolios
    
-   Design studios
    
-   Digital agencies
    
-   Architecture websites
    
-   Fashion & editorial sites
    
-   Photography portfolios
    
-   Product launches
    
-   Premium landing pages
    
-   Experimental / award-style websites
    

### ✦ How To Use

1.  Add Curtain Loader to your Framer project.
    
2.  Set it to cover the viewport.
    
3.  Customize the appearance and timing from the property panel.
    
4.  Preview the transition.
    
5.  Publish your site.
    

No complicated setup required.

### ✦ Built For Framer

Curtain Loader is built specifically for Framer and designed to work naturally with Framer's responsive layout system and animation environment.

Create a more memorable transition without rebuilding the interaction from scratch.

**Simple setup. Cinematic result.**

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

-   All · #2641

## Details

- **Author**: Shreyansh Shrivastava
- **Published**: 2026-08-26
- **Updated**: 2026-08-26
- **Added**: 2026-08-26
- **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