Shadcn.io is not affiliated with official shadcn/ui
Logos 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
Break the page flow with a dual row infinite marquee logo wall wrapped in a dark inset panel for React and Next.js. Features an inverted headline cluster against a foreground-colored surface, two marquee rows scrolling in opposing directions at forty and fifty second durations, edge masks that fade into the inset background, monochrome logo marks that promote to full background color on hover, and a prefers-reduced-motion guard that disables both animation and transform. Built with TypeScript, motion/react parent entrance with useReducedMotion, Lucide React icon marks paired with twenty-four invented placeholder wordmarks, module-scope doubled arrays for seamless looping, and Tailwind CSS theme variables. Perfect for landing pages that need a visual break between light sections, mid-page trust sections that want to stand out, and hero-adjacent credibility bands where an inverted panel signals importance.
Related Components
React Logos Dual Row Marquee Block
A dual row infinite marquee logo wall
React Logos Dark Inset Wall Block
A dark inverted logo wall panel
React Logos Dark Inset Single Marquee Block
A single marquee inside a dark inset panel
React Logos Dark Inset Dual Marquee Block
A dual marquee inside a dark inset panel
React Logos Dual Marquee Monogram Row Block
A dual marquee with monogram cells
React Logos Triple Row Marquee Block
A triple row infinite marquee logo wall
FAQ
Was this page helpful?
Sign in to leave feedback.
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
Dual Marquee Fast Slow Speeds
A dual row infinite marquee logo wall for React and Next.js with dramatic fast and slow row speed contrast, opposing directions, gradient edge masks, and reduced-motion handling built with shadcn/ui and Tailwind CSS