90.4k

JavaScript

How to use shadcn/ui with JavaScript

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.

To opt-out of TypeScript, you can use the tsx flag in your components.json file.

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:

jsconfig.json
{  "compilerOptions": {  "paths": {  "@/*": ["./*"]  }  } }