Social Proof Section With Morphing Wordmarks
ProOpen wordmark cloud with real company names, no cell borders, and staggered morphs between optically matched marks.
When to use Social Proof Section With Morphing Wordmarks
Reach for this when the page needs a bench of real names without looking like a logo wall. Five wordmarks sit in open air, no cell borders, no lattice. Each slot morphs to another mark on a stagger, and hover pauses that swap so a reader can finish the name. Marks are inlined SVG wordmarks at their official brand colours; the neutral type inside a lockup is painted currentColor, so the set follows light and dark without a second asset set.
Skip it when you cannot show the companies, or when you need quotes instead of names. A cloud of logos you do not have rights to is a brochure. Replace every mark with brands you are allowed to show before this ships. Do not park it next to the boxed logo lattice on the same page. One roster is enough, and two morphing benches fight for the same attention.
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
- 345 lines, 39 KB in one file
- Install
wensity add social-proof-section-with-morphing-wordmarks --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, wordmarks, cloud
- Last updated
