Remix
Install and configure Remix.
1
Create project
Run the init command to create a new Remix project or to setup an existing one:
pnpm dlx shadcn-remix@latest init
2
Configure components.json
You will be asked a few questions to configure components.json:
1 Which style would you like to use? › New York2 Which color would you like to use as base color? › Zinc3 Where is your global CSS file? › app/styles/globals.css4 Would you like to use CSS variables for colors? › yes5 Where is your tailwind.config.js located? › tailwind.config.js6 Configure the import alias for components? › ~/components7 Configure the import alias for utils? › ~/lib/utils
3
Add components
Use the CLI to add components to your project:
pnpm dlx shadcn-remix@latest add button