---
title: "Box Page Reveal — Free Framer component · Best of Framer"
description: "Free Framer component · by Eddie Mj · Loaders. A page reveal component that opens up from the middle."
canonical: "https://framer.elliotli.dev/component/box-page-reveal"
---

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

# Box Page Reveal

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

![Box Page Reveal preview image 1](https://framer.elliotli.dev/og/component/box-page-reveal/7731e883c51fbdd2/1600x1200.jpg)

## Summary

A page reveal component that opens up from the middle.

## Description

A page reveal component that opens up from the middle. The reveal shows your personal brand or studio's name along with subtext before revealing the website underneath. There is a 0.6s delay before revealing the page, giving viewers enough time to read the title and subtext. This box-like animation is perfect for website pre-loaders or content reveals.

**Features:**

-   Responsive row animation that spans the full page width
    
-   0.6s delay allowing viewers to read name and subtext
    
-   Smooth page transition with easy ease
    
-   Customizable colors and text allows you to personalize transition
    
-   Both rows can be customized individually, leaving the ability for 2-tone page reveals.
    
-   Perfect for pre-loaders, content reveals, or page transitions
    

**_PLEASE NOTE_**Make sure to give the component “Pointer: None” under "Styles" so the website content underneath works properly.

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

-   All · #1055

## Details

- **Author**: Eddie Mj
- **Published**: 2025-09-30
- **Updated**: 2025-09-30
- **Added**: 2025-09-20
- **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