---
title: "Page Start Animation — Free Framer component · Best of Framer"
description: "Free Framer component · by felix strobel · Loaders. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/page-start-animation"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Page Start Animation

# Page Start Animation

Cinematic intro

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

![Page Start Animation preview image 1](https://framer.elliotli.dev/og/component/page-start-animation/30d6f52a6845c516/1600x1200.jpg)

## Summary

Cinematic intro

## Description

## ✦ Create an introduction people won't forget.

Create cinematic intro sequences with layered image reveals, bold typography and smooth animations. Fully responsive, easy to customize and **ready to use in seconds.** Make it completely your own with flexible controls for layout, styling and motion :)

## ⚙ What you can customize

Easily adapt every part of the component to match your own brand and style.

Images ✦ Image order ✦ Logo text ✦ Logo image ✦ Reveal word ✦ Colors ✦ Background ✦ Tile sizes ✦ Border radius ✦ Intro timing ✦ Outro timing ✦ Delays ✦ Overlap ✦ Easing ✦ Bezier curves ✦ Typography ✦ Padding ✦ Positioning

## 🎯 Perfect for

Hero intros ✦ Brand reveals ✦ Portfolio openings ✦ Landing pages ✦ Product launches ✦ Creative studios ✦ Agency websites ✦ Fashion campaigns

## 📱 Responsive by default

Optimized layouts for Desktop, Tablet and Mobile with smooth animations and adaptive image scaling.

## 🖱 Included interactions

Cinematic image reveals ✦ Timeline animations ✦ Layered transitions ✦ Logo reveal ✦ Letter animations ✦ Custom easing

––––––––

**❤ Thank you so much for your support! I genuinely appreciate every download. I hope you have fun customizing this component and making it your own. Happy building!**

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

-   All · #2801

## Details

- **Author**: felix strobel
- **Published**: 2026-05-13
- **Updated**: 2026-09-21
- **Added**: 2026-04-29
- **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