---
title: "Vela Loader — Framer component · Best of Framer"
description: "$13.00 · Framer component · by Jane · Loaders. A cinematic page loader"
canonical: "https://framer.elliotli.dev/component/vela-loader"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Vela Loader

# Vela Loader

A cinematic page loader

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

![Vela Loader preview image 1](https://framer.elliotli.dev/og/component/vela-loader/f0323c35be15b8a3/1600x1200.jpg)

## Summary

A cinematic page loader

## Description

### How it works

Two waves of tilted photo cards animate into view around your logo. The first wave of four cards rises from below and settles into a scattered arrangement. Your logo fades in between the two waves and holds centre stage. A second wave of three cards slides in from the sides, layering over the first. Then everything dissolves, the entire scene fades to nothing, and your page content takes over.

The exit is what makes Vela distinct. No scatter, no wipe, just a long, smooth fade that feels like a cinema curtain rising. Clean and confident.

**What's included**

-   7 image slots across two waves (Wave 1 × 4, Wave 2 × 3)
    
-   Logo image with width control and blend mode (Normal / Difference / Overlay)
    
-   Adaptive sequencing- desktop full sequence, tablet and mobile shortened automatically
    
-   Preview Device dropdown- match your active canvas breakpoint
    
-   Skip Intro button with colour, size, and text controls
    
-   Per-device duration controls (Desktop / Tablet / Mobile)
    
-   Background colour control
    
-   No dependencies beyond Framer's built-in Motion library
    

**Position settings in Framer**

-   Position: **Absolute**
    
-   Left: 0, Top: 0, right: 0, bottom: 0
    
-   Width: 100%
    
-   Height: 100vh
    
-   Pin: left + right + top (no bottom pin needed)
    
-   Style: Add Pointer - None
    

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

-   All · #7937

## Details

- **Author**: Jane
- **Price**: $13.00
- **Published**: 2026-05-31
- **Updated**: 2026-06-30
- **Added**: 2026-05-21
- **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