Noir Aurora Logo Cloud
Customer or integration logos: one static row under a mono label (the Noir default: logos in text-ink-2 that brighten on hover), a ruled grid with captions (integrations) or a scrolling marquee (not in Noir's first viewport).
Neo-BrutalMotion
Logo Cloud
Customer or integration logos. marquee is the mockup's band: a full-bleed card-white band ruled top and bottom, a kicker label cell that ends on the page grid's fourth column rule, and the logos marching past in ruled cells (no edge fade; under reduced motion the cells stand still as a ruled grid: two a row on phones, three on tablets, six on desktop). grid is a ruled sheet of cells with mono captions (integrations, partners). row is one wrapping row of ink wordmarks under a kicker label.
Live, interactive React component · light themeResponsive
About the Neo-Brutal Logo Cloud
Customer or integration logos. marquee is the mockup's band: a full-bleed card-white band ruled top and bottom, a kicker label cell that ends on the page grid's fourth column rule, and the logos marching past in ruled cells (no edge fade; under reduced motion the cells stand still as a ruled grid: two a row on phones, three on tablets, six on desktop). grid is a ruled sheet of cells with mono captions (integrations, partners). row is one wrapping row of ink wordmarks under a kicker label. Each logo is named for screen readers; without a logo the name shows as an ink wordmark. The marquee band is full bleed: put it in a bare <section aria-label>, not inside a Section.
It is part of Neo-Brutal. The style’s 92 pieces share one set of tokens, type and motion, in a light and a dark theme, so whatever you take from it fits together.
To put it in your project, copy the prompt into Claude Code, OpenAI Codex or Cursor, or add the file and its styles by hand. The documentation walks through both.
See it on a full page
Soft Bento Logo Cloud
Customer or integration logos: one wrapping row, clay integration cells with captions, or a scrolling marquee (its label sits left of the band at lg).
Swiss Tech Mono Logo Cloud
Customer or integration logos. row is a ruled strip with its label on 3 columns and the logos spread across 9; from 1280 px it stands still with every logo showing (tighter gaps until 1536 px), below it becomes a marquee (a loop). grid is a hairline grid of cells with mono captions (integrations); marquee always scrolls.