Shadcn.io is not affiliated with official shadcn/ui
Logos Split Headline Logo Grid
A split layout logo block for React and Next.js with a left-aligned hero-scale headline paired with a right-side six-cell logo grid, ShadcnioButton CTA pair, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS
Balance conversion copy with visual proof in this split layout logo block for React and Next.js. Features a left-aligned hero-scale headline at text-5xl that carries the sell, a right-side three-column logo grid of six bordered cells with size-8 icon marks and text-base font-semibold wordmarks, monochrome-to-color hover promotion on every cell, and a ShadcnioButton primary plus ghost CTA pair beneath the headline. Built with TypeScript, motion/react parent entrance with split directional stagger, Lucide React icon marks paired with invented placeholder wordmarks, and Tailwind CSS theme variables. Perfect for secondary social-proof sections that also need conversion, post-features trust bands, and landing pages where the logos reinforce a strong headline claim.
Related Components
React Logos Static Grid Wall Block
A static grid wall of monochrome logos
React Logos Featured Focal Hub Block
A central focal mark with supporting orbit
React Logos Bento Featured Case Study Block
A bento grid with featured case study cell
React Logos Metric Hero Strip Block
A metric-led hero strip with logo row
React Logos Tab Filtered Category Grid Block
A pill-tab filtered logo grid
React Logos Featured Quote Split Block
A single logo paired with a customer quote
FAQ
Was this page helpful?
Sign in to leave feedback.
Split Headline Dark Grid Panel
A split layout logo block for React and Next.js with a left-aligned hero-scale headline on light background paired with a right-side dark inset logo grid panel featuring inverted colors, six cells, and split directional entrance animations built with shadcn/ui and Tailwind CSS
Split Headline Monogram Grid
A split headline monogram grid logo block for React and Next.js with a left-side marketing headline cluster, a right-side three by three monogram tile grid using font-mono initials, and a ShadcnioButton CTA pair built with shadcn/ui and Tailwind CSS