Vela Loader
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
Jane Muthoni
