Stop Rebuilding UI
Previous: Dark Inset Wall
Next: Dual Marquee Dark Inset

Logos Double Headline With Grid

A double-headline logo grid for React and Next.js with a stacked main and sub headline, a borderless four-column logo grid of twelve marks, and monochrome hover states built with shadcn/ui and Tailwind CSS

Scroll to load preview

Open a customer section with editorial rhythm using this double-headline logos block for React and Next.js. Features a stacked typographic lockup with a text-6xl primary headline and a text-2xl muted sub-headline beneath it, a twelve-logo borderless four-column grid, Lucide React icon marks paired with invented placeholder wordmarks, and a monochrome-to-color hover promotion. Built with TypeScript, motion/react parent entrance with useReducedMotion and per-cell stagger, semantic unordered list markup, and Tailwind CSS theme variables. Perfect for magazine-feeling landing pages, editorial customer sections, and any hero-adjacent band where a single headline feels thin.

React Logos Static Grid Wall Block

A static grid wall of monochrome logos

React Logos Static Grid Wall Twelve 4x3 Block

Static grid wall twelve 4x3

React Logos Split Headline Logo Grid Block

A split layout with headline and logo grid

React Logos Split Headline Three Col Grid Block

Split headline with three col grid

React Logos Metric Hero Strip Block

A metric-led logo strip with hero count

React Logos Numbered Vertical List Block

Numbered vertical logo list

FAQ

Last updated on April 11, 2026

Was this page helpful?

Sign in to leave feedback.

Dark Inset Wall

A dark inset logo wall block for React and Next.js with a rounded bg-foreground inverted panel, sixteen logos in a four-column grid, inverted ShadcnioButton primary and ghost CTAs, and monochrome-to-color hover states using background opacity tiers built with shadcn/ui and Tailwind CSS

Dual Marquee Dark Inset

A dual row infinite marquee logo wall inside a dark inset panel for React and Next.js with opposing scroll directions, inverted headline cluster, foreground edge masks, and reduced-motion handling built with shadcn/ui and Tailwind CSS