# Installation

## Prerequisites

`bejamas/ui` is a component system designed to be working with [Astro framework](https://astro.build) and [Tailwind v4](https://tailwindcss.com) only.

## Create project

<DocsTabs syncKey="pkg">
  <DocsTabItem label="bun">
  ```bash
  bunx bejamas@latest init
  ```
  </DocsTabItem>

  <DocsTabItem label="npm">
    ```bash
    npx bejamas@latest init
    ```
  </DocsTabItem>
  <DocsTabItem label="pnpm">
    ```bash
    pnpm dlx bejamas@latest init
    ```
  </DocsTabItem>
  <DocsTabItem label="yarn">
    ```bash
    yarn dlx bejamas@latest init
    ```
  </DocsTabItem>
</DocsTabs>

Choose between Astro project or a Monorepo.

## Add components

<DocsTabs syncKey="pkg">
  <DocsTabItem label="bun">
  ```bash
  bunx bejamas@latest add button
  ```
  </DocsTabItem>

  <DocsTabItem label="npm">
    ```bash
    npx bejamas@latest add button
    ```
  </DocsTabItem>
  <DocsTabItem label="pnpm">
    ```bash
    pnpm dlx bejamas@latest add button
    ```
  </DocsTabItem>
  <DocsTabItem label="yarn">
    ```bash
    yarn dlx bejamas@latest add button
    ```
  </DocsTabItem>
</DocsTabs>

The command above will add the Button component to your project. 

You can then ---
<Button>Click me</Button>
```