> ## Documentation Index
> Fetch the complete documentation index at: https://svelvet.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Installation

> Add Svelvet to a Svelte project in seconds.

## 1. Install

To install and save the latest version of Svelvet in your package.json dependencies, run the command below using your preferred package directory.

<CodeGroup>
  ```sh npm theme={null}
  npm install svelvet
  ```

  ```sh yarn theme={null}
  yarn add svelvet
  ```
</CodeGroup>

## 2. Build

Compose canvases by getting started with these components:

<CardGroup>
  <Card title="Svelvet" iconType="duotone" icon="diagram-project" href="/components/svelvet">
    Our primary canvas component
  </Card>

  <Card title="Node" iconType="duotone" icon="diagram-subtask" href="/components/node">
    Our primary Node component
  </Card>

  <Card title="Controls" iconType="duotone" icon="magnifying-glass-plus" href="/components/controls">
    A customizable controls bar
  </Card>

  <Card title="Minimap" icon="map" iconType="duotone" href="/components/minimap">
    A bird's eye view of the canvas
  </Card>
</CardGroup>