Shadcn.io is not affiliated with official shadcn/ui
Logos Split Headline Three Col Grid
A split layout logo block for React and Next.js with a left-aligned hero-scale headline paired with a borderless nine-cell three-by-three logo grid, ShadcnioButton CTA pair, and split directional entrance animations built with shadcn/ui and Tailwind CSS
Balance a conversion headline with a dense nine-logo proof grid in this split layout logo block for React and Next.js. Features a left-aligned hero-scale headline at text-5xl with eyebrow and subtitle, a ShadcnioButton primary plus ghost CTA pair, and a right-side borderless three-by-three grid of nine logo cells with size-7 Lucide icon marks and text-sm font-semibold wordmarks on a clean airy background. Built with TypeScript, motion/react parent entrance paired with useReducedMotion split directional stagger, Lucide React icon marks, and Tailwind CSS theme variables. Perfect for post-hero social-proof bands, landing page trust sections, and marketing pages where nine brands telegraph breadth without dominating the composition.
Related Components
React Logos Split Headline Logo Grid Block
A split layout with six bordered logo cells
React Logos Split Headline Vertical Logo List Block
A split layout with a vertical logo row list
React Logos Split Headline With Metric Chips Block
A split layout with metric chip row
React Logos Split Headline Dark Grid Panel Block
A split layout with dark inset logo panel
React Logos Split Headline Bordered Logo Grid Block
A split layout with dashed bordered cells
React Logos Static Grid Wall Block
A static grid wall of monochrome logos
FAQ
Was this page helpful?
Sign in to leave feedback.
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
Split Headline Vertical Logo List
A split layout logo block for React and Next.js with a left-aligned hero-scale headline paired with a right-side vertical five-row logo list featuring dashed row dividers, industry tags, and split directional entrance animations built with shadcn/ui and Tailwind CSS