> For the complete documentation index, see [llms.txt](https://stackcss.gitbook.io/stack/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://stackcss.gitbook.io/stack/getting-started/installation.md).

# Installation

## Package installation

{% tabs %}
{% tab title="NPM" %}

```
npm install @growstocks/stack
```

{% endtab %}

{% tab title="Yarn" %}

```
yarn add @growstocks/stack
```

{% endtab %}
{% endtabs %}

## Project integration

1. Make an scss file with your preferred name (e.g. `main.scss`, `style.scss`, `index.scss`).
2. Add the expected compiled css and js files in the `<head></head>` tags.

   ```markup
   <!-- @StackStyles -->
   <link rel=stylesheet type="text/css" href="css/your-file-name.css">
   <!-- @StackScripts -->
   <script src="js/your-file-name.js"></script>
   ```
3. Configure your theme settings in the style file you made using the [Stack Theme API](/stack/scaffold/theme.md).
4. Add your components in the same file. (Refer to the [component integration documentation](/stack/components/component-integration.md))
