Shadcn.io is not affiliated with official shadcn/ui
Logos Single Marquee With Pipe Dividers
A single row marquee logo wall with thin vertical pipe dividers between each mark for React and Next.js with gradient edge masks, reduced-motion guards, and a calm forty-five second loop built with shadcn/ui and Tailwind CSS
Separate each logo in a single row marquee with a thin vertical pipe divider for React and Next.js. Features twelve placeholder brand marks scrolling continuously left at forty-five seconds, hairline vertical dividers rendered as h-4 w-px bg-border between every logo, gradient edge masks on both sides, and a prefers-reduced-motion media query that disables motion for vestibular-sensitive users. Built with TypeScript, motion/react parent entrance with useReducedMotion, Lucide React icon marks, a module-scope doubled array for seamless looping, and Tailwind CSS theme variables. Perfect for mid-page trust bands where pipe dividers add typographic rhythm, between-features social proof, and landing pages that want more visible structure than a bare marquee.
Related Components
React Logos Single Row Marquee Block
A single row infinite marquee logo wall
React Logos Single Marquee Icon Only Block
An icon-only single row marquee
React Logos Single Marquee Bordered Chips Block
A single row marquee of bordered chips
React Logos Single Marquee Monogram Chips Block
A single row marquee of monogram chips
React Logos Dual Row Marquee Block
A dual row opposing marquee logo wall
React Logos Static Grid Wall Block
A static grid wall of monochrome logos
FAQ
Was this page helpful?
Sign in to leave feedback.
Single Marquee With Eyebrow Left
A horizontal split layout with a left-aligned trust eyebrow and a single row marquee filling the remaining width for React and Next.js with right-side gradient edge mask and reduced-motion guards built with shadcn/ui and Tailwind CSS
Single Row Marquee
A single row infinite marquee logo wall for React and Next.js with gradient edge masks, reduced-motion media query handling, monochrome-to-color hover states, and a calm 45 second loop duration built with shadcn/ui and Tailwind CSS