🛠️ Contributing to the UI Repo

Thanks for your interest in contributing! This UI uses Next.js with ShadCN UI. The theme provider is already set up.

🧱 Project Structure

. ├── app/ # Next.js app directory (App Router) ├── components/ # Reusable UI components (e.g., Button, Input) ├── styles/ # Global styles and Tailwind config ├── lib/ # Utility functions or hooks ├── theme.config.ts # ShadCN theme setup └── ...

🚀 Getting Started

git clone https://github.com/your-org/ui-repo.git
cd ui-repo
pnpm install
pnpm dev

🌈 Theming (ShadCN)

We re using the ThemeProvider from ShadCN, configured in app/layout.tsx or providers.tsx.

Dark mode and system theme are supported.
No need to re-setup ShadCN. Use components directly from @/components/ui/.

🧩 Adding Components

npx shadcn-ui@latest add dialog

🧪 Testing & Storybook

pnpm test
pnpm storybook

*If your project includes these tools

🧼 Formatting & Linting

pnpm lint
pnpm format

✅ Pull Request Checklist

Your component matches the design system (attach a screenshot if needed).
Responsive and accessible (keyboard + screen reader friendly).
Dark mode tested.
Use only @/components/ui or @/lib imports.
Run linting and formatting before pushing.

🙏 Every contribution helps. Thank you!