Logo Cloud

Live, interactive React component · dark themeResponsive

About the 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). Each logo is named for screen readers; without a logo the name shows as a quiet wordmark. Give fictional wordmarks their own voice (width, weight, tracking), as the examples do.

It is part of Noir Aurora. The style’s 91 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

The same piece, drawn for a different look. Open one to compare it live.

All 16 in Testimonials & Social Proof

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.

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.