---
title: "Slide Image — Free Framer component · Best of Framer"
description: "Free Framer component · by Shivani Sharma · Backgrounds. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/slide-image"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Slide Image

# Slide Image

Interaction

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

![Slide Image preview image 1](https://framer.elliotli.dev/og/component/slide-image/1ff81c9affe1864f/1600x1200.jpg)

## Summary

Interaction

## Description

A full-bleed background image with a strip of thumbnails layered across the center. Click any thumbnail and the background glides horizontally until it lands on the selected image and texts changes accordingly in vertical smooth scroll, no cuts, no fades, just one continuous slide. Built for portfolios, case studies where you want the hero image to feel alive instead of static. Drop in your own image set.

Ideal for screen size : 1200px

How to use:

-   Upload 9 images and change 9 texts as per your choice from the edit panel.
    

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

-   All · #1806

## Details

- **Author**: Shivani Sharma
- **Published**: 2026-06-23
- **Updated**: 2026-06-25
- **Added**: 2026-06-23
- **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