---
title: "Random Image — Free Framer component · Best of Framer"
description: "Free Framer component · by Sanna Granqvist · Interactive. Show a different image every page load"
canonical: "https://framer.elliotli.dev/component/random-image"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Random Image

# Random Image

Show a different image every page load

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

![Random Image preview image 1](https://framer.elliotli.dev/og/component/random-image/ddafafc28cc17181/1600x1200.jpg)

## Summary

Show a different image every page load

## Description

**How it works**

-   Automatically picks one image from your list on every visit
    
-   Choose between:
    
    -   **Random**: shows a different image each time (without repeating during the same session)
        
    -   **In Order**: cycles through your images one by one across visits
        
-   Updates the image as visitors navigate between pages, so it always feels fresh
    
-   Uses the first image as a fallback for previews and thumbnails
    

**Reveal animation (optional)**

-   Add a smooth reveal effect where a colored layer slides away to show the image
    
-   Choose the direction of the animation
    
-   Adjust the speed, delay, and easing style
    
-   Trigger it automatically or when the image scrolls into view
    
-   Automatically disables animations for users who prefer reduced motion
    

**Customize**

-   Add up to 50 images
    
-   Control how images fit within the frame
    
-   Adjust border radius
    
-   Fine-tune all animation settings (only shown when enabled)
    

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

-   All · #3053

## Details

- **Author**: Sanna Granqvist
- **Published**: 2026-04-14
- **Updated**: 2026-04-14
- **Added**: 2026-04-03
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step