# Installation

The pro pack is made available as a zip file that includes a sample project with examples of each of the components included in the product.

![WireBootstrap Component Pro Pack Package](https://795937403-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MGjmp6bcmNAsAEW4hIY%2Fuploads%2FSDDujtsrts0sy6llpslu%2Fimage.png?alt=media\&token=10968ceb-9972-4faa-bbe6-a1c5b8a32d19)

After downloading and unzipping the package, open the project in a web editor.  The examples below use [Visual Studio Code](https://code.visualstudio.com/) but any editor can be used.

![Open the project](https://795937403-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MGjmp6bcmNAsAEW4hIY%2Fuploads%2FJyeQz2JOKxQlHLq2hU6s%2Fimage.png?alt=media\&token=f99eb32b-4e60-4cf7-81f0-b072950bf6e8)

## Run the Project

In Visual Studio Code, open a terminal window and run the `npm first` script when running the project for the first time.  This will install the `npm` packages required to run the project and then open the default page in a new browser window.

```
npm run first
```

Use `npm start` to run the project later now that the packages are installed.

```
npm run start
```

## Project Overview

The project is organized the same way WireBootstrap theme projects are organized.  This includes pages, code, and sample data.  For details visit, [the WireBootstrap theme documentation](https://docs.wirebootstrap.com/themes/).
