Logo Cloud 3

A brand-icon grid where each tile's overlay wipes in from the nearest edge on hover using a clip-path animation.

Logo Cloud 3 is a brand icon grid with a hover reward: each tile's colored overlay wipes in from whichever edge the cursor entered, using a clip-path animation, so the direction of the wipe follows your hand. Logos are data driven. Built with Framer Motion and React. A subtle upgrade for partner and integration sections.

Installation

Install dependencies.

Copy and paste the following code into your project.

Unlock the full library

Get all pro blocks, components & illustrations, and production-ready Next.js + Tailwind templates.

Get All Access

Update the import paths to match your project setup.