Social Proof Section With Morphing Logo Grid
ProEnterprise logo lattice with a centered trust headline and staggered morphing marks that swap inside each cell.
When to use Social Proof Section With Morphing Logo Grid
Use this when the page has to show a bench of names, not a quote. Eight cells sit in a four by two lattice. Each cell holds a mark, then morphs to another on a stagger so the grid feels alive without a marquee. Hover a cell and that swap pauses. The marks stay in the DOM as real SVG wordmarks, not a PNG strip of logos.
Skip it when you cannot name the companies, or when you do not have rights to the marks. A lattice of fake names is a brochure. The shipped set is a placeholder roster of well known desks, so replace every mark with logos you are allowed to show before this goes to production. The section follows light and dark. Marks carry their real brand colours, and the neutral type inside each lockup flips with the page so the lattice still reads.
Block details
- Category
- Social Proof Sections
- Renders
- JavaScript animation. Paints first, then animates
- Theme
- Follows the site theme in light and dark
- Responsive
- Mobile, tablet and desktop breakpoints are already set
- Dependencies
clsxframer-motiontailwind-merge- Source
- 512 lines, 78 KB in one file
- Install
wensity add social-proof-section-with-morphing-logo-grid --type block- Stack
- React, Next.js, TypeScript and Tailwind CSS v4
- Licence
- Included with Wensity Pro. The CLI copies the file into your repository and you own it from there
- Tags
- light, dark, logos, trust, grid, enterprise
- Last updated

