---
version: 1.0.0-beta.6
---
# Installation
URL: /docs/getting-started/installation
Source: https://raw.githubusercontent.com/goorm-dev/vapor-ui/refs/heads/main/apps/website/content/docs/getting-started/installation.mdx

Vapor UI를 프로젝트에 설치하고 첫 컴포넌트를 사용해보세요.

***

title: Installation
description: Vapor UI를 프로젝트에 설치하고 첫 컴포넌트를 사용해보세요.
-------------------------------------------------

Vapor UI를 설치하고 **2분 안에** 첫 번째 컴포넌트를 사용할 수 있습니다.

## 시스템 요구사항

* **React**: 17 이상
* **Node.js**: 16 이상

## 패키지 설치

원하는 패키지 매니저로 Vapor UI를 설치하세요:

```package-install
npm install @vapor-ui/core @vapor-ui/icons
```

## 첫 번째 컴포넌트 사용하기

설치가 완료되었습니다! 이제 컴포넌트를 import해서 사용해보세요:

<Demo name="assemble-component">
  ```json doc-gen:file
  {
      "file": "./src/components/demo/examples/assemble-component.tsx",
      "codeblock": true
  }
  ```
</Demo>

## 다음 단계

* [테마 설정하기](./theming) - 라이트/다크 모드 및 커스텀 테마 설정 방법
* [컴포넌트 살펴보기](./overview#components) - 다양한 UI 컴포넌트 사용법