> 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/master.md).

# Introduction

<div align="center"><img src="https://1908368930-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MHDYOz0QETYIPewpGM-%2F-MHxyuHSmInTCGG8ytWv%2F-MHxzl-joGnuDYsPaRfy%2Flogo_white_background.jpg?alt=media&amp;token=e5fe28ba-9387-4a51-bc54-5f4c475bfdfe" alt="The JavaScript framework for Bootstrap Themes and Components"></div>

Bootstrap themes are a great starting point for developing eye-catching web sites and business applications.

WireBootstrap makes it easy build web applications that connect data services to these themes and the many components that come with them. &#x20;

```javascript
// sales.js
export const dataset = new wire.data.DataSet({
    Source: new wire.data.DataSource("sql"),
    Query: wire.data.select().from("sales_table")
});
```

```html
<wire-datatables wr-import-data="./sales.js"></wire-datatables>
```

<figure><img src="https://1908368930-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MHDYOz0QETYIPewpGM-%2Fuploads%2FId90OX0xya1aVuoQQSCF%2Fimage.png?alt=media&amp;token=1e0048ff-40ca-4215-a863-d0d308d64e4c" alt=""><figcaption><p>sales_table in DataTables</p></figcaption></figure>
