Chanhdai

Overview

Chanhdai.com is the open-source portfolio of design engineer Chánh Đại, built as both a personal site and a shadcn registry. The repository, MIT licensed with about 2.4K GitHub stars, can be forked as a portfolio template once the owner's name, logo and personal details are swapped out.

The site combines an about section, experience, education, projects, recognition, a blog and a stack list with a registry of 42 components and 12 blocks. The registry manifest lists 69 items in total, including hooks such as use-sound and use-controllable-state, a wheel picker, slide-to-unlock, swipe actions, a GitHub contribution graph and several theme toggle effects. Most animated items depend on Motion.

Features

• Portfolio pages: Sections for overview, about, experience, education, projects, recognition and a blog.
• MDX content layer: Blog posts and component docs share one MDX system with categories, syntax highlighting and raw .md endpoints.
• Component registry: 42 components and 12 blocks, each with live preview, code and install commands for pnpm, npm, yarn and bun.
• Blocks: Hero, login, blog, team, metrics, testimonials, social proof and a 404 page with a playable brick breaker game.
• SEO and AI readability: JSON-LD schema, sitemap, robots, dynamic OG images, RSS and /llms.txt.
• Extras: Light and dark themes, vCard integration, spam-protected email, PWA install and OpenPanel analytics.

Tech stack

• Next.js 16
• Tailwind CSS v4
• shadcn/ui
• Motion
• MDX