# 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](/files/yVgSXW43YBgISomSCwjI)

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](/files/FcnZxRmEMNQkQTAAkwRO)

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.wirebootstrap.com/pro-pack/installation.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.