Registries
ActiveFeaturedPersonal/portfolio registry2,110

@ncdai

Personal/portfolio registry · MIT · data updated 2026-07-08

ncdai is the personal shadcn/ui registry embedded in Chanh Dai's developer portfolio site (chanhdai.com), built with Next.js 16 and Tailwind CSS v4. The registry exposes pixel-perfect, uniquely crafted components and pages documented with live previews, code snippets, and one-click install commands (pnpm/npm/yarn/bun). The portfolio itself demonstrates the registry's quality: light/dark themes, vCard integration, PWA support, PostHog/OpenPanel analytics, and MDX-powered content. MIT licensed — code is free to use after removing personal information. Use for: borrowing high-craft, design-engineer-level shadcn components that show attention to pixel-perfect detail and Tailwind v4 patterns.

WebsiteDocsGitHubComponents folder

Install

npx shadcn@latest add https://chanhdai.com/r/registry.json

Health

StatusActive
Last committoday
LicenseMIT
Open issues2
ArchivedNo
Stars2,110

Components (61)

hapticuse-sounduse-controllable-statetheme-switchertext-flipapple-hello-effectapple-hello-effect-hindiapple-hello-effect-spanishapple-hello-effect-vietnamesewheel-pickerchevrons-up-down-icontypographywork-experienceshimmering-textslide-to-unlocktestimonials-marqueetestimonialgithub-starsscroll-fade-effectconsent-managercopy-buttoncode-block-commandtestimonial-spotlightglow-card-gridmiddle-truncationtwemojielastic-slidercontribution-graphgithub-contributionstoc-minimapfluid-gradient-textbrand-assets-menuicon-swapdot-grid-spotlightspinning-circular-textmobius-loop-iconlogos-carouseltestimonial-2line-navshare-menuspotlight-logologin-01hero-01blog-01blog-02testimonials-01testimonials-02experience-01team-01metrics-01social-links-01social-proof-01styletheme-toggle-effect-triangletheme-toggle-effect-triangle-blurtheme-toggle-effect-circletheme-toggle-effect-circle-blurtheme-toggle-effect-circle-blur-top-lefttheme-toggle-effect-polygontheme-toggle-effect-polygon-gradient
Components: haptic, use-sound, use-controllable-state, theme-switcher, text-flip, apple-hello-effect, apple-hello-effect-hindi, apple-hello-effect-spanish, apple-hello-effect-vietnamese, wheel-picker, chevrons-up-down-icon, typography, work-experience, shimmering-text, slide-to-unlock, testimonials-marquee, testimonial, github-stars, scroll-fade-effect, consent-manager, copy-button, code-block-command, testimonial-spotlight, glow-card-grid, middle-truncation, twemoji, elastic-slider, contribution-graph, github-contributions, toc-minimap, fluid-gradient-text, brand-assets-menu, icon-swap, dot-grid-spotlight, spinning-circular-text, mobius-loop-icon, logos-carousel, testimonial-2, line-nav, share-menu, spotlight-logo, login-01, hero-01, blog-01, blog-02, testimonials-01, testimonials-02, experience-01, team-01, metrics-01, social-links-01, social-proof-01, style, theme-toggle-effect-triangle, theme-toggle-effect-triangle-blur, theme-toggle-effect-circle, theme-toggle-effect-circle-blur, theme-toggle-effect-circle-blur-top-left, theme-toggle-effect-polygon, theme-toggle-effect-polygon-gradient, thin-scrollbar

Preview

Live sandbox previews render component source client-side. Where a component can’t be rendered standalone, sh4dcn falls back to its source and install command.

@ncdai · haptic

npx shadcn@latest add https://chanhdai.com/r/haptic.json
View source