Does Logo Cloud work with Next.js?

Yes. It is a React 19 component styled with Tailwind CSS 4, so it drops into a Next.js page, a Vite app, Remix or Astro.

Can I change the copy and colours?

Yes. The section is a file in your project. Text, links and images are plain props or JSX, and colours come from your theme's CSS variables, so a brand change is a token edit.

Logo Cloud

A muted marquee of customer wordmarks under a short trust line.

Type: Social proof section
Styles: Minimal, Dark
Licence: Charcoal UI Pro

About Logo Cloud

Logo Cloud scrolls a muted marquee of customer wordmarks under a short trust line.

It is a full-width social proof section for React and Tailwind CSS 4, in a minimal and dark style. Preview it at any width above, then install it with one command.

When to use Logo Cloud

Social proof under a hero.
Partner and sponsor strips.
Press mentions.
Investor logos.

How it is built

Marquee runs in CSS with faded edges, and logos are props.

It is composed from Marquee, so installing it also installs those components, and you can restyle each one the same way you would on its own.

Goes well with Logo Cloud

Logo Cloud is part of 6 full templates, so you can see it in a finished page.

Ember template: An AI product site that glows.
Flint template: Collect your first thousand emails.
Cinder template: Serious numbers, calmly presented.
Meridian template: The CRM for teams under fifty.
Lane template: Catch the bug in review, not in prod.
Signal template: Sell out a conference.
Stats Counters: A React stats section: four big numbers that roll into place
Stats Chart: A React growth section with stat cards beside an animated bar chart
Logo Wall: A React customer logo grid that reveals each customer's result on hover
Press Quotes: An as-seen-in React press section with outlet tabs and a rotating serif quote
Marquee: A CSS-only infinite React marquee with faded edges and pause on hover

Install Logo Cloud

npx shadcn@latest add @charcoal/logo-cloud

Logo Cloud is part of Charcoal UI Pro: one seat covers all 107 sections, 100 templates and 300 Pro components, for unlimited projects. The command installs the section into components/sections along with every component it uses.

Frequently asked questions

Does Logo Cloud work with Next.js?: Yes. It is a React 19 component styled with Tailwind CSS 4, so it drops into a Next.js page, a Vite app, Remix or Astro.
Can I change the copy and colours?: Yes. The section is a file in your project. Text, links and images are plain props or JSX, and colours come from your theme's CSS variables, so a brand change is a token edit.

Built from

Marquee: CSS-only infinite marquee with faded edges. It pauses on hover and stops for reduced motion.

Logo Cloud as Markdown