Does Logo Wall 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 Wall

Grid of customer wordmarks; hovering a cell slides the logo away to reveal that customer's result.

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

About Logo Wall

Logo Wall arranges customer wordmarks in a ruled grid. Hover or focus a cell and the logo slides up to reveal the result that customer got, turning a list of names into a list of outcomes.

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

When to use Logo Wall

SaaS homepages under the hero.
Security and enterprise platforms.
Agencies showing clients.
Fintech and accounting products.

How it is built

Wordmarks are set in five type styles so the wall looks varied without image files, and every cell is focusable for keyboard visitors.

It has no component dependencies beyond the shared utilities, so it is one file to read and change.

Goes well with Logo Wall

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

Quill template: Ask your data, get answers.
Sable template: Enterprise security without the theatre.
Northlane template: A studio site that reads like a manifesto.
Parallel template: Movement is the message.
Ledger template: Bookkeeping that reads like a newspaper.
Logo Cloud: A React logo cloud: a muted marquee of customer wordmarks
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
Press Quotes: An as-seen-in React press section with outlet tabs and a rotating serif quote

Install Logo Wall

npx shadcn@latest add @charcoal/logo-wall

Logo Wall 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 Wall 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 Wall as Markdown