sh4dcn
Registries
FeaturedDesign systempro available

@shadcndesign

Design system · data updated 2026-07-28

A premium shadcn/ui ecosystem created by a veteran Figma designer (7+ years, former Ant Design maintainer) offering a pixel-perfect Figma kit with components, variants, and Tailwind CSS variable alignment, plus production-ready React blocks, an agent-skills bundle, and a Figma plugin. Targets designers and developers who need design-to-code fidelity. Loved by 7,500+ teams. Pricing is via lifetime access. No public GitHub repo. Use for: teams requiring a tightly paired Figma + React shadcn/ui design system where design tokens and component states match exactly between design and implementation.

WebsiteDocsProAgent brief (.md)
@shadcndesign preview
accessibilityaestheticaiblocksbuttonscardscmscomponentsdesign-systemformsiconsmapsmarketingmedianavigationoverlayspro-availableretrotheming

Install

npx shadcn@latest add https://shadcndesign-free.vercel.app/r/registry.json

Health

StatusUnknown
Last commit—
License—
Open issues—
ArchivedNo
Stars—

Components (44)

404-section-1banner-1bento-grid-1blog-section-1comparison-section-1contact-section-1cta-section-1empty-lp-section-1faq-section-1feature-section-1footer-1gallery-section-1header-section-1hero-section-1logo-section-1lp-navbar-1pattern-1pricing-section-1rich-text-section-1stats-section-1team-section-1testimonials-section-1taglinelogoplaceholder-logo-buzzsnapplaceholder-logo-dashstarplaceholder-logo-editlyplaceholder-logo-geoauraplaceholder-logo-nanodeaplaceholder-logo-orionboplaceholder-logo-revahubplaceholder-logo-starlighttheme-purpletheme-honeytheme-sketchpadtheme-soft-orangetheme-fast-redtheme-night-windtheme-citrustheme-soulsliketheme-fresh-limetheme-orbitertheme-neon-foresttheme-icecream
Components: 404-section-1, banner-1, bento-grid-1, blog-section-1, comparison-section-1, contact-section-1, cta-section-1, empty-lp-section-1, faq-section-1, feature-section-1, footer-1, gallery-section-1, header-section-1, hero-section-1, logo-section-1, lp-navbar-1, pattern-1, pricing-section-1, rich-text-section-1, stats-section-1, team-section-1, testimonials-section-1, tagline, logo, placeholder-logo-buzzsnap, placeholder-logo-dashstar, placeholder-logo-editly, placeholder-logo-geoaura, placeholder-logo-nanodea, placeholder-logo-orionbo, placeholder-logo-revahub, placeholder-logo-starlight, theme-purple, theme-honey, theme-sketchpad, theme-soft-orange, theme-fast-red, theme-night-wind, theme-citrus, theme-soulslike, theme-fresh-lime, theme-orbiter, theme-neon-forest, theme-icecream

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.

@shadcndesign · 404-section-1

npx shadcn@latest add https://shadcndesign-free.vercel.app/r/404-section-1.json
View source