---
title: "Preloader Hero — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Reiya Studio · Loaders. Preloader Animation Reveal"
canonical: "https://framer.elliotli.dev/component/preloader-hero"
---

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

# Preloader Hero

Preloader Animation Reveal

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

![Preloader Hero preview image 1](https://framer.elliotli.dev/og/component/preloader-hero/ac87ffc23901e487/1600x1200.jpg)

## Summary

Preloader Animation Reveal

## Description

## Preloader Animation Reveal

Create instant visual impact with a smooth, cinematic hero reveal animation.

**Preloader Animation Reveal** is a powerful Framer component that reveals your hero image, title, and subtitle with a refined animated transition — perfect for elevating the first impression of your website.

### Features include:

-   **Cinematic image reveal animation** for a premium look on page load
    
-   **Editable title & subtitle** directly from the UI
    
-   **Customizable colors** for text, overlay, and background
    
-   **Overlay opacity control** to match any brand aesthetic
    
-   **Adjustable font sizes** for both title and subtitle
    
-   **Corner radius options** for modern rounded layouts
    
-   **Responsive variants** for Desktop & Mobile
    
-   **Instant setup** with built-in configurations
    

### Perfect For:

-   Hero sections
    
-   Landing pages
    
-   Luxury and travel websites
    
-   Product launches
    
-   Cinematic page intros
    
-   Any site needing a premium first-load effect
    

### Have questions or need a custom Framer component?

Reach out at [**hello@reiyastudio.com**](mailto:hello@reiyastudio.com)

### License

You may use this component for **one website**, whether it's personal, commercial, or a client project.

**Not Allowed:**

-   Reselling the component
    
-   Redistributing, sharing, or giving the component to others
    
-   Using the component inside a product, template, or package that is sold or shared
    
-   Using the component for multiple client projects without purchasing additional licenses
    

**Refund Policy:** Components are delivered instantly upon purchase and cannot be returned once downloaded.Got questions? Email: [**hello@reiyastudio.com**](mailto:hello@reiyastudio.com)

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

-   All · #7133

## Details

- **Author**: Reiya Studio
- **Price**: $10.00
- **Published**: 2025-12-11
- **Updated**: 2026-01-20
- **Added**: 2025-11-25
- **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