---
type: block
title: Links
description: Link grid blocks for presenting related pages, components, or resources.
---

> 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).

## Links 2

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

export default function Links2Demo() {
  return (
    <>
      <Links2
        title="Explore the component library"
        description="A grid of related links with a short description for each destination."
        links={[
          {
            href: "/components/section/",
            title: "Section",
            description: "Structure page sections with consistent spacing.",
          },
          {
            href: "/components/card/",
            title: "Card",
            description: "Group related content and actions.",
          },
          {
            href: "/components/accordion/",
            title: "Accordion",
            description: "Collapse secondary content into stacked panels.",
          },
          {
            href: "/components/tabs/",
            title: "Tabs",
            description: "Switch between related panels of content.",
          },
        ]}
      />
    </>
  )
}
```

## Install what this page shows

```bash
npx shadcn@latest add @fulldev/links-2
```