Shadcn.io is not affiliated with official shadcn/ui
Logos Dark Inset Dual Marquee
A dark inset dual row opposing marquee logo block for React and Next.js with a rounded bg-foreground inverted panel, two rows scrolling in opposite directions at 40 and 50 seconds, dark edge masks using from-foreground to transparent, and inverted logo hover states built with shadcn/ui and Tailwind CSS
Layer opposing motion inside a dark panel with this dual marquee logo block for React and Next.js. Features a rounded-2xl bg-foreground inverted panel wrapping two infinite marquee rows that scroll in opposite directions at 40 and 50 seconds driven by unique block-prefixed CSS keyframe animations, dark gradient edge masks using from-foreground to transparent, twelve plus twelve placeholder brand marks doubled at module scope for seamless loops, and monochrome-to-color hover using text-background opacity tiers. Built with TypeScript, motion/react parent entrance with useReducedMotion and a native prefers-reduced-motion CSS media query guard on both rows, Lucide React icon marks paired with invented placeholder wordmarks, and Tailwind CSS theme variables. Perfect for dense social proof moments, mid-page visual breaks, and landing pages that want the logo wall to feel alive with activity.
Related Components
React Logos Dark Inset Wall Block
A dark inset static logo wall
React Logos Dark Inset Single Marquee Block
A dark inset single row marquee
React Logos Dark Inset Metric Hero Block
A metric hero inside a dark inset panel
React Logos Dual Row Marquee Block
A dual row opposing marquee logo wall
React Logos Triple Row Marquee Block
A triple row opposing marquee logo wall
React Logos Dual Marquee Fast Slow Speeds Block
A dual marquee with contrasting speeds
FAQ
Was this page helpful?
Sign in to leave feedback.
Dark Inset Compact Strip
A dark inset compact logo strip block for React and Next.js with a rounded bg-foreground panel, an inverted eyebrow label above a flex-wrap row of six monochrome logo marks, and compact vertical padding for a quiet dramatic break built with shadcn/ui and Tailwind CSS
Dark Inset Featured Focal
A dark inset featured focal hub logo block for React and Next.js with a rounded bg-foreground panel, a stacked flagship card on top carrying an inverted mark plus wordmark plus tenure metric, a dashed connecting divider, and six supporting integrations in an inverted strip below built with shadcn/ui and Tailwind CSS