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

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

```astro live props={{ name: 'logos-1' }}
---
import Logos1Block from "@/components/blocks/logos-1.astro"
---

<Logos1Block
  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" },
  ]}
/>
```

```astro live props={{ name: 'logos-2' }}
---
import Logos2Block from "@/components/blocks/logos-2.astro"
---

<Logos2Block
  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" }}
/>
```

```astro live props={{ name: 'logos-3' }}
---
import Logos3Block from "@/components/blocks/logos-3.astro"
---

<Logos3Block
  brands={[
    { name: "Verve" },
    { name: "Northwind" },
    { name: "Studio 9" },
    { name: "Pioneer" },
    { name: "Pace" },
  ]}
/>
```

## Installation

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