Shadcn-UI Template Usage Instructions

technology stack

This project is built with:

• Vite
• TypeScript
• React
• shadcn-ui
• Tailwind CSS

All shadcn/ui components have been downloaded under @/components/ui.

File Structure

• index.html - HTML entry point
• vite.config.ts - Vite configuration file
• tailwind.config.js - Tailwind CSS configuration file
• package.json - NPM dependencies and scripts
• src/app.tsx - Root component of the project
• src/main.tsx - Project entry point
• src/index.css - Existing CSS configuration
• src/pages/Index.tsx - Home page logic

Components

• All shadcn/ui components are pre-downloaded and available at @/components/ui

Styling

• Add global styles to src/index.css or create new CSS files as needed
• Use Tailwind classes for styling components

Development

• Import components from @/components/ui in your React components
• Customize the UI by modifying the Tailwind configuration

Note

• The @/ path alias points to the src/ directory
• In your typescript code, don't re-export types that you're already importing

Commands

Install Dependencies

pnpm i

Add Dependencies

pnpm add some_new_dependency

**Start Preview**

```shell
pnpm run dev

To build

pnpm run build