Skip to content
Index730 resources
Chánh Đại Components

Chánh Đại Components

96-item shadcn registry of pixel-perfect portfolio and marketing components

Tier A · StrongRegistryComponent LibraryBlock Collectionchanhdai.com

(Visit chanhdai.com ↗)(Docs)(Repository)(Registry)
Preview image from chanhdai.com

This is the public shadcn registry behind Chánh Đại's portfolio site, listed on shadcn/ui's own Trusted Registries page. The registry.json carries 96 items — roughly 59 components, 12 page blocks, 9 theme-toggle styles, plus hooks and libs — and 36 of them have documented demo pages. The bias is decorative and personal-site oriented: the Apple 'hello' handwriting effect, a GitHub contribution graph, testimonial layouts, a TOC minimap, view-transition theme toggles, an iOS-style wheel picker. Install any item with the shadcn CLI under the @ncdai namespace.

Install
pnpm dlx shadcn@latest add @ncdai/apple-hello-effect

For an agent

Add it as a named registry (@ncdai) in components.json and install single items — do not vendor the whole thing, because most of the 96 entries are one-off flourishes for a personal site, not a system. It layers cleanly on top of a normal shadcn/ui + Tailwind v4 project since it reuses the same CSS variables and Radix primitives. Best picks are the infrastructure ones (copy-button, code-block-command, consent-manager, toc-minimap, theme-toggle-effect view transitions); skip apple-hello-effect and the testimonial variants unless the brief actually asks for them.

Why it is here. One of the few third-party registries shadcn itself vouches for, and the craft level per component is unusually high for a solo portfolio.

Install command, framework, licence and component list.

Facts

License
MIT
Pricing
Free, Open source
Framework
React, Next.js
Styling
Tailwind CSS v4, CSS custom properties
Distribution
shadcn registry, CLI installer, Copy-paste snippet, GitHub repository
Platform
Web
Content type
Code
Agent readiness
Machine-readable registry item, CLI installable, Copy-paste ready code, Readable open source
Accessibility
Unknown
Maturity
Actively maintained
GitHub stars
2,194

Components it ships

96 total
Copy ButtonCode BlockCookie ConsentSliderReviewMarqueeTheme ProviderToggle ButtonText EffectShimmerHeatmapStatCard GridHover EffectLogoCarouselNavigation MenuShare SheetDropdown MenuIn Page NavigationTypographyIconTimelineScroll RevealScroll AreaLogin FormHeroError PageLink

Helps you build

9
Public ProfileHomepageBlogLogin Web App404Cookie ConsentTestimonialsAboutTeam

Notable for

  • on shadcn's official Trusted Registries list
  • 96 registry items
  • View Transitions theme toggles
  • GitHub contribution graph component
  • Apple hello handwriting effect in 4 languages

Provenance

Verified 2026-08-15. HTTP 200. https://chanhdai.com/components (36 documented components enumerated), https://chanhdai.com/r/registry.json (96 items enumerated by registry type), GitHub API for ncdai/chanhdai.com stars/licence/last push

Also in Component Libraries

6
chanhdai.comTier A