---
title: "Studio pre-loader — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Nzau Ng'emu · Loaders. Split Typography Reveal Loader Pro Kit +"
canonical: "https://framer.elliotli.dev/component/studio-pre-loader"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Studio pre-loader

# Studio pre-loader

Split Typography Reveal Loader Pro Kit +

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

![Studio pre-loader preview image 1](https://framer.elliotli.dev/og/component/studio-pre-loader/4cd8837ace3d777e/1600x1200.jpg)

## Summary

Split Typography Reveal Loader Pro Kit +

## Description

Make your website feel intentional from the very first second.

This **Split Typography Reveal Preloader** is a cinematic intro component for Framer that transforms your brand name into a smooth, modern loading experience. Instead of generic spinners or progress bars, this component uses animated typography and expanding bars to create a premium brand reveal that feels deliberate, polished, and memorable.

It’s designed for **designers, studios, agencies, and portfolio sites** that care about presentation and want their site to stand out immediately.

## What this component does

The animation begins with minimal bar elements, progresses into structured blocks, reveals split typography with opposing slide motion, then expands into a full-screen transition before cleanly revealing your website content.

The result is a **seamless, professional intro transition** that enhances perceived quality and brand authority.

## Key features

-   Split typography reveal animation
-   Smooth bar expansion transition
-   Clean opacity fade into site content
-   Fully responsive and mobile-optimized
-   Built entirely with native Framer capabilities
-   Lightweight and performance-friendly
-   No code required

## Fully customizable

You can easily adjust:

-   Brand name text
-   Font and typography
-   Colors
-   Animation speed
-   Spacing
-   Bar height
-   Layout width
-   Timing and easing

This makes it flexible enough to fit almost any brand style.

## Perfect for

-   Portfolio websites
-   Creative agencies
-   Freelance designers
-   Architecture studios
-   Photography sites
-   Premium landing pages

Anywhere presentation matters.

## Why use this instead of a basic preloader

Most preloaders feel generic. This one feels like part of your brand. It elevates your site from the first interaction.

What’s included:

-   Pre-built Framer component
-   Fully customizable structure
-   Ready-to-use animation
-   Easy integration into your project

## Important

This is a **digital product**.

Because of the nature of digital downloads, **no refunds will be provided after purchase**.

Support

If you have questions, need help, or encounter issues, you can contact me directly:

[**danielnzau2568@gmail.com**](mailto:danielnzau2568@gmail.com)

I typically respond within 24–48 hours.

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

-   All · #8347

## Details

- **Author**: Nzau Ng'emu
- **Price**: $5.00
- **Published**: 2026-03-04
- **Updated**: 2026-04-13
- **Added**: 2026-02-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