---
sidebar_position: 3
---

# Install & Import LitLyx
Installing and integrating LitLyx into your code is simpler than anything else you've tried so far.

**To install LitLyx, run the following command:**

You can use `yarn`, `npm`, `pnpm`, `bun`. We use npm because is the more simple.

```bash
npm i litlyx-js
```

## Choose your Framework
We designed LitLyx with simplicity in mind, so you can accomplish any task with just a single line of code. Now, it's time to start coding! 👇

import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

<Tabs>
 <TabItem value="js" label="JavaScript" default>
 (reading javascript)

```ts
//import
import { Lit } from 'litlyx-js';
```

If your are using vanilla js you can find pretty intresting this approach too

```html
<script defer data-project="project_id_here" src="https://cdn.jsdelivr.net/gh/litlyx/litlyx-js/browser/litlyx.js"></script>
```

  </TabItem>
  <TabItem value="vue" label="Vue" default>
   (reading Vue)

```ts
//import
import { Lit } from 'litlyx-js';
```
#
  </TabItem>
 <TabItem value="react" label="React" default>
   (reading React)


```ts
//import
import { Lit } from 'litlyx-js';
```
#
  </TabItem>
  <TabItem value="next" label="Next" default>
   (reading Next)


```ts
//import
import { Lit } from 'litlyx-js';
```
#
  </TabItem>
<TabItem value="nuxt" label="Nuxt" default>
   (reading Nuxt)


```ts
//import
import { Lit } from 'litlyx-js';
```
#
  </TabItem>

  <TabItem value="angular" label="Angular" default>
   (reading Angular)


```ts
//import
import { Lit } from 'litlyx-js';
```
#
  </TabItem>
</Tabs>
