---
name: "@shadcndesign"
slug: "shadcndesign"
description: "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."
category: "Design system"
tags: ["accessibility", "aesthetic", "ai", "blocks", "buttons", "cards", "cms", "components", "design-system", "forms", "icons", "maps", "marketing", "media", "navigation", "overlays", "pro-available", "retro", "theming"]
framework: "react"
license: null
author: null
website: "https://www.shadcndesign.com"
github: "N/A"
registry: "https://shadcndesign-free.vercel.app/r/registry.json"
pro: true
pro_url: "https://pro.shadcndesign.com"
github_stars: null
component_count: 44
generated_at: "2026-07-28T08:59:05.895Z"
---

# @shadcndesign

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.

## Links

- Website: https://www.shadcndesign.com
- GitHub: N/A
- Registry JSON: https://shadcndesign-free.vercel.app/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/shadcndesign
- This file: https://sh4dcn.vercel.app/md/shadcndesign.md
- Pro / pricing: https://pro.shadcndesign.com

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://shadcndesign-free.vercel.app/r/registry.json
pnpm dlx shadcn@latest add https://shadcndesign-free.vercel.app/r/registry.json
bunx shadcn@latest add https://shadcndesign-free.vercel.app/r/registry.json
# clone the source repo
git clone N/A.git
# fetch the raw registry index
curl -s https://shadcndesign-free.vercel.app/r/registry.json
```

## Components (44)

| name | type | description | install |
| --- | --- | --- | --- |
| 404-section-1 | registry:component | 404 error page section with modern design | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/404-section-1.json` |
| banner-1 | registry:component | Promotional banner with close button and modern styling | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/banner-1.json` |
| bento-grid-1 | registry:component | Feature-rich layout with dynamic grid showcasing product features | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/bento-grid-1.json` |
| blog-section-1 | registry:component | Blog posts grid with featured articles and metadata | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/blog-section-1.json` |
| comparison-section-1 | registry:component | Feature comparison table with mobile-responsive design | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/comparison-section-1.json` |
| contact-section-1 | registry:component | Contact form with validation and privacy policy checkbox | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/contact-section-1.json` |
| cta-section-1 | registry:component | Call-to-action section with primary background and compelling copy | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/cta-section-1.json` |
| empty-lp-section-1 | registry:component | Placeholder section for custom content | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/empty-lp-section-1.json` |
| faq-section-1 | registry:component | Frequently asked questions with accordion interface and CTA card | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/faq-section-1.json` |
| feature-section-1 | registry:component | Feature showcase with image and dual-column layout | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/feature-section-1.json` |
| footer-1 | registry:component | Site footer with navigation links and legal information | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/footer-1.json` |
| gallery-section-1 | registry:component | Image gallery section with aspect ratio control | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/gallery-section-1.json` |
| header-section-1 | registry:component | Page header with title and description | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/header-section-1.json` |
| hero-section-1 | registry:component | Hero section with dual-column layout and call-to-action buttons | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/hero-section-1.json` |
| logo-section-1 | registry:component | Logo showcase section with placeholder logos | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/logo-section-1.json` |
| lp-navbar-1 | registry:component | Landing page navigation with mobile menu and logo | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/lp-navbar-1.json` |
| pattern-1 | registry:component | Background pattern component for visual enhancement | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/pattern-1.json` |
| pricing-section-1 | registry:component | Pricing table with billing toggle and feature tooltips | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/pricing-section-1.json` |
| rich-text-section-1 | registry:component | Article layout with author information and structured content | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/rich-text-section-1.json` |
| stats-section-1 | registry:component | Statistics showcase with dual-column layout and metrics | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/stats-section-1.json` |
| team-section-1 | registry:component | Team member showcase with social links and descriptions | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/team-section-1.json` |
| testimonials-section-1 | registry:component | Customer testimonial with avatar and quote | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/testimonials-section-1.json` |
| tagline | registry:component | Reusable tagline component with variants | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/tagline.json` |
| logo | registry:component | Brand logo component with customizable size | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/logo.json` |
| placeholder-logo-buzzsnap | registry:component | Placeholder logo component for logo section 1 | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/placeholder-logo-buzzsnap.json` |
| placeholder-logo-dashstar | registry:component | Placeholder logo component for logo section 1 | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/placeholder-logo-dashstar.json` |
| placeholder-logo-editly | registry:component | Placeholder logo component for logo section 1 | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/placeholder-logo-editly.json` |
| placeholder-logo-geoaura | registry:component | Placeholder logo component for logo section 1 | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/placeholder-logo-geoaura.json` |
| placeholder-logo-nanodea | registry:component | Placeholder logo component for logo section 1 | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/placeholder-logo-nanodea.json` |
| placeholder-logo-orionbo | registry:component | Placeholder logo component for logo section 1 | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/placeholder-logo-orionbo.json` |
| placeholder-logo-revahub | registry:component | Placeholder logo component for logo section 1 | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/placeholder-logo-revahub.json` |
| placeholder-logo-starlight | registry:component | Placeholder logo component for logo section 1 | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/placeholder-logo-starlight.json` |
| theme-purple | registry:theme | Purple Theme by shadcndesign.com | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-purple.json` |
| theme-honey | registry:theme | Honey Theme by shadcndesign.com | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-honey.json` |
| theme-sketchpad | registry:theme | Sketchpad Theme by shadcndesign.com | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-sketchpad.json` |
| theme-soft-orange | registry:theme | Soft Orange Theme by shadcndesign.com | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-soft-orange.json` |
| theme-fast-red | registry:theme | Fast Red Theme by shadcndesign.com | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-fast-red.json` |
| theme-night-wind | registry:theme | Night Wind Theme by shadcndesign.com | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-night-wind.json` |
| theme-citrus | registry:theme | Citrus Theme by shadcndesign.com | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-citrus.json` |
| theme-soulslike | registry:theme | Soulslike Theme by shadcndesign.com | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-soulslike.json` |
| theme-fresh-lime | registry:theme | Fresh Lime Theme by shadcndesign.com | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-fresh-lime.json` |
| theme-orbiter | registry:theme | Orbiter Theme by shadcndesign.com | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-orbiter.json` |
| theme-neon-forest | registry:theme | Neon Forest Theme by shadcndesign.com | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-neon-forest.json` |
| theme-icecream | registry:theme | Icecream Theme by shadcndesign.com | `npx shadcn@latest add https://shadcndesign-free.vercel.app/r/theme-icecream.json` |

## For AI agents

```text
You are adding components from @shadcndesign to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/shadcndesign.md) for the component list.
2. Fetch the machine-readable index: https://shadcndesign-free.vercel.app/r/registry.json
3. Install a single component with its install command from the table above.
4. Full structured record: https://sh4dcn.vercel.app/json (library slug: shadcndesign).
```