---
title: "Logo Wall — Free Framer component · Best of Framer"
description: "Free Framer component · by Tim Yeng · Sections. The Logo wall component is designed to display a large number of partner or client logos within a fixed grid layout."
canonical: "https://framer.elliotli.dev/component/logo-wall"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Logo Wall

# Logo Wall

Animated logo wall with shuffling

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

![Logo Wall preview image 1](https://framer.elliotli.dev/og/component/logo-wall/4fbb027ecd740fd7/1600x1200.jpg)

## Summary

The Logo wall component is designed to display a large number of partner or client logos within a fixed grid layout.

## Description

The Logo wall component is designed to display a large number of partner or client logos within a fixed grid layout. Unlike static grids, this component "breathes" by randomly replacing one logo at a time with a new one from your list.

**How it Works**

1.  **Smart Shuffling:** Instead of random chaos, the component uses a "Deck of Cards" logic. It tracks which grid slots have been updated recently. It ensures every single slot on the grid is updated once before any slot is updated a second time.
    
2.  **Smooth Transitions:** Logos fade out and in using a slow, 2s cross-fade (total 5s transition), creating a calm, premium feel.
    
3.  **Rest Cycles:** You control the "Cycle Time"—the quiet period between animations—so the wall isn't constantly flickering.
    

**Properties**

-   **Logos:** Connect your array of logo components here.
    
-   **Rows / Columns:** Define the grid structure (e.g., 2x3, 4x4).
    
-   **Gap:** Sets the pixel spacing between grid items.
    
-   **Cycle Time:** The pause duration (in seconds) between one swap finishing and the next one starting.
    

**Use Cases**

-   **Trust Signals:** Display 20+ client logos in a section that only takes up space for 12.
    
-   **Portfolio Grids:** Rotate through project thumbnails in a hero section.
    
-   **Partner Walls:** A footer widget that cycles through sponsor logos without cluttering the design.
    

**Best Practices**

-   Ensure your list of Logos is larger than the number of grid slots (Rows × Columns), otherwise, no animation will occur.
    

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

-   All · #3567

## Details

- **Author**: Tim Yeng
- **Published**: 2026-02-08
- **Updated**: 2026-07-07
- **Added**: 2026-01-28
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes