---
title: "SplashScreen — Free Framer component · Best of Framer"
description: "Free Framer component · by Robin Louw · Backgrounds. Cement your brand."
canonical: "https://framer.elliotli.dev/component/splashscreen"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/SplashScreen

# SplashScreen

Cement your brand.

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

![SplashScreen preview image 1](https://framer.elliotli.dev/og/component/splashscreen/19ad8b1b391eb648/1600x1200.jpg)

## Summary

Cement your brand.

## Description

Add an introductory screen or splash screen.

Cement your brand with a splash screen that appears on first page load and hides automatically. It supports uploading a logo, customising background colour, animation, duration, and an auto-hide toggle.

**How to Install**

1.  Install from the Framer marketplace.
    
2.  Insert or paste it into your project homepage.
    
3.  Upload a logo, change the background colour, and adjust animation and timings using the component properties panel.
    
4.  Make changes to the component completely by using Workshop.
    

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

-   All · #2052

## Details

- **Author**: Robin Louw
- **Published**: 2026-06-26
- **Updated**: 2026-06-26
- **Added**: 2026-06-26
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background