Logos 12 block design & features
A full-width marquee scrolls logo images inside bordered rectangular cells. Each cell has a fixed height and responsive width, with the logo centered and sized via object-contain. The marquee auto-fills to eliminate gaps, pauses on hover, and loops continuously. Gradient overlays on both edges fade the cells into the background color. This Shadcn UI block has no heading or additional text elements.
Cell borders appear on the top, bottom, and left edges while omitting the right border, letting adjacent cells share a single divider line and creating a continuous strip. Logos invert automatically in dark mode. The cell dimensions widen at each breakpoint, giving logos more breathing room on larger screens.
Without a heading or subtitle, the section reads as a pure visual strip, making it well suited as a quiet interstitial between heavier content areas. The bordered cells add just enough structure to prevent the logos from floating freely, giving the strip a contained, catalogue-like quality.
On narrow viewports the cells shrink in width but maintain their height, and the gradient fade zones keep horizontal edges clean regardless of screen size.