---
type: block
title: Logos
description: Logo sections for trust, partner strips, and quiet social proof.
---

> Fulldev UI for React. The `@fulldev` registry in `components.json` points at `https://ui.full.dev/r/react/styles/{style}/{name}.json`; see [installation](/react/docs/installation.md).

## Logos 1

```tsx title="Usage of @fulldev/logos-1 (react/gallery/blocks/logos-1.tsx, not installed)"
import { Logos1 } from "@/components/blocks/logos-1"

export default function Logos1Demo() {
  return (
    <>
      <Logos1
        title="Brands we work with"
        description="Example brand names. Replace them with the brands you work with."
        brands={[
          { name: "Northwind" },
          { name: "Frame" },
          { name: "Studio One" },
          { name: "Pioneer" },
          { name: "Pace" },
        ]}
      />
    </>
  )
}
```

## Logos 2

```tsx title="Usage of @fulldev/logos-2 (react/gallery/blocks/logos-2.tsx, not installed)"
import { Logos2 } from "@/components/blocks/logos-2"

export default function Logos2Demo() {
  return (
    <>
      <Logos2
        title="Brands we work with"
        description="A scrolling logo rail for when you have many partners to show. These names are examples."
        brands={[
          { name: "Atlas" },
          { name: "Cinder" },
          { name: "Orbit" },
          { name: "Aster" },
          { name: "Northwind" },
          { name: "Frame" },
          { name: "Studio One" },
          { name: "Pioneer" },
          { name: "Pace" },
          { name: "Signal" },
          { name: "Meridian" },
          { name: "Halcyon" },
          { name: "Lumen" },
          { name: "Quarry" },
        ]}
        labels={{ play: "Play logos", pause: "Pause logos" }}
      />
    </>
  )
}
```

## Logos 3

```tsx title="Usage of @fulldev/logos-3 (react/gallery/blocks/logos-3.tsx, not installed)"
import { Logos3 } from "@/components/blocks/logos-3"

export default function Logos3Demo() {
  return (
    <>
      <Logos3
        brands={[
          { name: "Verve" },
          { name: "Northwind" },
          { name: "Studio 9" },
          { name: "Pioneer" },
          { name: "Pace" },
        ]}
      />
    </>
  )
}
```

## Install what this page shows

```bash
npx shadcn@latest add @fulldev/logos-1 @fulldev/logos-2 @fulldev/logos-3
```