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.
Update the import paths to match your project setup.
Related blocks
- Logo Cloud 1
A social-proof logo cloud with a copy rail beside a grid of logo tiles that flip between sets with a blur transition, over a live stats marquee.
- Logo Cloud 2
A trusted-by logo cloud: copy column with an accent word beside a bordered grid of logo tiles that blur-and-drop in one-by-one on scroll.
- Logo Cloud 4
A trusted-by logo grid where tiles randomly swap to a different unused logo from the full set with a slide-and-fade transition, plus a hover wash under each cell.
- Logo Cloud 5
A centered logo cloud of two staggered, overlapping-circle rows with edge fades and a pill CTA.
