---
sidebar_position: 3
---

# Install & Import LitLyx
Installing and integrating LitLyx into your code is simpler than anything else you've tried so far. 🔥 **with just 1 min setup! ⏱️**

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

```bash
npm i litlyx
```

## 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';
```

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/npm/litlyx@1.1.0/browser/litlyx.js"></script>
```

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

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


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


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


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

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


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