---
title: Installation
description: How to install dependencies and structure your app.
---
**Note:** We have the exact same installation process as
[shadcn/ui](https://ui.shadcn.com/docs/installation).
## Frameworks
Next.js
}
title="Next.js"
>
Installation with Next.js
Vite
}
title="Vite"
>
Installation with Vite
}
title="Laravel"
>
Installation with Laravel
}
title="React Router"
>
Installation with React Router
Remix
}
title="Remix"
>
Installation with Remix
Astro
}
title="Astro"
>
Installation with Astro
}
title="Tanstack"
>
Installation with Tanstack
}
title="Tanstack Router"
>
Installation with Tanstack Router
Gatsby
}
title="Gatsby"
>
Installation with Gatsby
React
}
title="Manual"
>
Manual Installation
## TypeScript
This project and the components are written in TypeScript. We recommend using TypeScript for your project as well.
However we provide a JavaScript version of the components as well. The JavaScript version is available via the [cli](/docs/cli).
To opt-out of TypeScript, you can use the `tsx` flag in your `components.json` file.
```json {10} title="components.json"
{
"style": "default",
"tailwind": {
"config": "tailwind.config.js",
"css": "src/app/globals.css",
"baseColor": "zinc",
"cssVariables": true
},
"rsc": false,
"tsx": false,
"aliases": {
"utils": "~/lib/utils",
"components": "~/components"
}
}
```
To configure import aliases, you can use the following `jsconfig.json`:
```json {4} title="jsconfig.json"
{
"compilerOptions": {
"paths": {
"@/*": ["./*"]
}
}
}
```