> For the complete documentation index, see [llms.txt](https://creatorlabs.gitbook.io/weblabs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://creatorlabs.gitbook.io/weblabs/getting-started/installing-weblabs.md).

# Installing Weblabs

### Using NPM

Now that you actually want to install Weblabs, it's actually very easy, so easy that we did not have to create any CLI tool.

Weblabs does not uses any pre-processor libraries, though you can use SASS or LESS if you want, and that are just some optional cases. Weblabs as of now supports only front-end and I am hoping to build SSR soon too, but till then, we will be using Vite to create our app.

As you expect, simply open your terminal and create a new vite project on vanilla settings

```bash
$ npm create vite@latest
```

{% hint style="info" %}
You can use either typescript of javascript, weblabs supports both
{% endhint %}

Now that you have created your project, let's switch to the project directory and install the weblabs npm package

```bash
$ npm i @weblabsjs/core
```

### Using CDN

Weblabs is available as a very lightweight (9 KB) CDN which is as small as it can be. It can be used alongside other frameworks or purely inside of HTML by adding it as a script, hence not requiring the NPM.

```html
<script src="https://cdn.jsdelivr.net/npm/@weblabsjs/core/cdn.min.js" defer></script>
```

And you are done! Now you can use Weblabs as much as you want wherever you want with all the features of any modern front-end framework like react or angular


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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://creatorlabs.gitbook.io/weblabs/getting-started/installing-weblabs.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.