Shadcn.io is not affiliated with official shadcn/ui
Logos Dual Marquee With Row Labels
A dual row infinite marquee logo wall for React and Next.js with category labels beside each row, opposing scroll directions, gradient edge masks, and reduced-motion handling built with shadcn/ui and Tailwind CSS
Build categorized social proof with a dual row infinite marquee logo wall for React and Next.js that labels each row with its vertical. Features a top fintech row scrolling left and a bottom dev tools row scrolling right, each preceded by a compact uppercase label that names the category so visitors instantly see the breadth of the customer base, gradient edge masks on both sides of the container, monochrome-to-color hover promotion, and a prefers-reduced-motion media query that disables both animations and transforms. Built with TypeScript, motion/react parent entrance with useReducedMotion, Lucide React icon marks paired with twenty-four invented placeholder brands split across two categories, module-scope doubled arrays for seamless looping, and Tailwind CSS theme variables. Perfect for horizontal-market platforms that serve multiple verticals, product pages that want to signal reach, and trust sections where category segmentation tells the story.
Related Components
React Logos Dual Row Marquee Block
A dual row infinite marquee logo wall
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 dramatic speed contrast
React Logos Dual Marquee Mixed Variants Block
A dual marquee mixing logo variants per row
React Logos Tab Filtered Category Grid Block
A tab-filtered category grid of logos
React Logos Static Grid Wall Block
A static grid wall of monochrome logos
FAQ
Was this page helpful?
Sign in to leave feedback.
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
Dual Row Marquee
A dual row infinite marquee logo wall for React and Next.js with opposing scroll directions, distinct per-row speeds, gradient edge masks, reduced-motion handling, and monochrome-to-color hover states built with shadcn/ui and Tailwind CSS