> For the complete documentation index, see [llms.txt](https://docs.wirebootstrap.com/wirebootstrap/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wirebootstrap.com/wirebootstrap/installation.md).

# Installation

This section outlines how to install the WireBootstrap components and services discussed in the [Overview ](/wirebootstrap/overview.md)section.

## Wire

The core WireBootstrap JavaScript library is `wire.js`.  This and other core related files can be installed using the [WireBootstrap Core Library NPM package](https://www.npmjs.com/package/@wirebootstrap/wire) at`@wirebootstrap/wire`.

```javascript
npm install @wirebootstrap/wire
```

## Components

Instructions for downloading and installing Individual components or component packs can be found in their respective documentation.  Visit the [component product page](https://www.wirebootstrap.com/components.html) for these and other details.

### Bootstrap Components

The introductory set of components for WireBootstrap are the common components used in developing applications with [Bootstrap](https://getbootstrap.com/).  The product containing these components is called [Bootstrap for WireBootstrap](https://www.wirebootstrap.com/products/bootstrap.html).

Use the [Bootstrap Components for WireBootstrap NPM package](https://www.npmjs.com/package/@wirebootstrap/wire-bootstrap) to install Bootstrap for WireBootstrap.

```
npm install @wirebootstrap/wire-bootstrap
```

{% hint style="info" %}
Note, WireBootstrap Bootstrap Components will install the core WireBootstrap library when installing a component.  There is no need to explicitly install the core library as well.
{% endhint %}

Visit [Working with Components](/wirebootstrap/working-with-components/components.md) for more information on WireBootstrap components.

## Web Frameworks

WireBootstrap components and services work with plain JavaScript.  WireBootstrap also has integrations with all the major web frameworks.  Visit the [web framework product pages](<https://www-test.wirebootstrap.com/integrations.html >) for details.

For example, use the [WireBootstrap for Web Components NPM package](https://www.npmjs.com/package/@wirebootstrap/wire-webcomponents) to use WireBootstrap with [web components](https://docs.wirebootstrap.com/webcomponents).

```
npm install @wirebootstrap/wire-webcomponents
```

Visit [Web Frameworks](/wirebootstrap/working-with-components/web-frameworks.md) for more information on WireBootstrap and web frameworks.

## Data Connectors

Many data connectors install with the core WireBootstrap framework.  For details and other connectors visit the [data connector product page](https://www-test.wirebootstrap.com/data-connectors.html). &#x20;

Visit [Data Connectors](/wirebootstrap/connecting-to-data/data-connectors.md) for more information on WireBootstrap data connectors.