Shadcn.io is not affiliated with official shadcn/ui
Logos 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
Showcase five customer teams as a vertical roster with this split layout logo block for React and Next.js. Features a left-aligned hero-scale headline plus ShadcnioButton CTA pair on one side, and a right-side vertical stack of five logo rows with size-8 icons in rounded-lg border tiles, text-base font-semibold wordmarks, industry tags on the right, and dashed row dividers between each entry. Built with TypeScript, motion/react parent entrance with useReducedMotion split directional stagger, Lucide React icon marks paired with invented placeholder wordmarks, and Tailwind CSS theme variables. Perfect for B2B landing pages that want to highlight each customer individually, post-pricing trust sections, and marketing pages where five carefully-chosen brands tell a richer story than a flat grid.
Related Components
React Logos Split Headline Logo Grid Block
A split layout with six bordered logo cells
React Logos Split Headline Three Col Grid Block
A split layout with nine borderless cells
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 Numbered Vertical List Block
A numbered vertical customer list
FAQ
Was this page helpful?
Sign in to leave feedback.
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
Split Headline With Metric Chips
A split layout logo block for React and Next.js with a left-aligned hero-scale headline paired with a three-metric chip row, ShadcnioButton CTA pair, a six-cell bordered logo grid, and split directional entrance animations built with shadcn/ui and Tailwind CSS