#What is ChanhDai.com?

ChanhDai.com is a free, open-source personal portfolio website by Chanh Dai that doubles as a UI component library, showcasing modern React development. Its primary goal is to demonstrate a clean, interactive site while providing reusable components for other developers, targeting React enthusiasts building portfolios or apps. Built with React, TypeScript, Tailwind CSS, and shadcn/ui, it includes 50+ components like buttons, cards, modals, and navigation, all styled for responsiveness and accessibility. The site features a blog, projects, and contact form, with copy-paste code snippets. For shadcn/ui users, ChanhDai.com is a perfect fit, leveraging shadcn/ui's accessible foundation to deliver a polished, component-rich portfolio for React applications.

#Features ⚡️

• Custom UI Components: 50+ elements like buttons, cards, and modals with Tailwind variants.

• ShadCN UI Integration: Builds on shadcn UI for accessible, customizable components.

• Accessibility: WAI-ARIA compliant with keyboard support.

• Responsive Design: Tailwind CSS ensures adaptation to all screens.

• Type Safety: TypeScript for robust development.

• Portfolio Sections: Blog, projects, and contact with interactive UI.

#Pros ✅

• Reusable Components: 50+ copy-paste elements for quick projects.

• Free and Open-Source: MIT license for full customization.

• ShadCN UI Fit: Seamless with shadcn UI's React ecosystem.

• Responsive Portfolio: Modern site as a live demo.

• Easy Integration: Copy-paste code for instant use.

#Cons ⚠️

• React Dependency: Limited to React projects.

• Setup Complexity: Requires Tailwind and shadcn UI.

• Personal Scope: Focused on portfolio, not exhaustive library.

• Learning Curve: Familiarity with Tailwind needed.

#Included Components - Templates

ChanhDai.com provides a variety of React UI components:

• Button: Variants like primary, secondary, outline.

• Card: Content containers with headers and footers.

• Modal: Overlay dialogs for user interactions.

• Navigation: Responsive navbars and sidebars.

#Pricing 💸

ChanhDai.com operates on a Free model:

• Free Access: All components and code free under MIT license.

• No Pro Version: No premium tiers.

#Integrations 🧰

ChanhDai.com integrates with:

• React: Core framework for component rendering.

• Tailwind CSS: Utility-first styling.

• TypeScript: Type-safe props.

• shadcn UI: Accessible components.