Shadcn.io is not affiliated with official shadcn/ui
Logos Dual Marquee Monogram Row
A dual row infinite marquee logo wall using two-letter monogram cells for React and Next.js with opposing scroll directions, bordered card tiles, compact cell density, and reduced-motion handling built with shadcn/ui and Tailwind CSS
Pack a dense logo wall into a compact footprint with a dual row infinite marquee monogram block for React and Next.js. Features twenty-eight placeholder brands rendered as two-letter monogram cells inside bordered card tiles, two rows scrolling in opposing directions at forty-five and fifty-five second durations, aria-labels on every tile for full brand name announcement, monochrome-to-color hover promotion on both the text and the border, and a prefers-reduced-motion guard that disables both animation and transform. Built with TypeScript, motion/react parent entrance with useReducedMotion, module-scope doubled arrays for seamless looping, and Tailwind CSS theme variables. Perfect for mid-page trust sections where density is the proof, compact landing pages that cannot afford the horizontal real estate of wordmark rows, and partner marquees that need to signal scale without visual noise.
Related Components
React Logos Dual Row Marquee Block
A dual row infinite marquee logo wall
React Logos Dual Marquee Dark Inset Block
A dual marquee inside a dark inset panel
React Logos Single Marquee Monogram Chips Block
A single marquee of monogram chips
React Logos Triple Row Marquee Block
A triple row infinite marquee logo wall
React Logos Dual Marquee Fast Slow Speeds Block
A dual marquee with distinct row speeds
React Logos Static Grid Wall Monogram Tiles Block
A static grid wall of monogram tiles
FAQ
Was this page helpful?
Sign in to leave feedback.
Dual Marquee Mixed Variants
A dual row infinite marquee logo wall for React and Next.js mixing icon-plus-wordmark cells in the top row with icon-only badge chips in the bottom row, opposing directions, gradient edge masks, and reduced-motion handling built with shadcn/ui and Tailwind CSS
Dual Marquee With Metric Divider
A dual row infinite marquee logo wall for React and Next.js with a centered metric chip divider between the two rows, opposing scroll directions, gradient edge masks, and reduced-motion handling built with shadcn/ui and Tailwind CSS