---
name: "@shadcn-exchange"
slug: "shadcn-exchange"
description: "Search blocks from every public shadcn registry with live previews, and add them from the CLI."
category: "Forms"
tags: ["auth", "backgrounds", "blocks", "buttons", "cards", "forms", "icons", "marketing", "media", "overlays"]
framework: "react"
license: null
author: null
website: "https://shadcn.exchange"
github: null
registry: "https://shadcn.exchange/r/registry.json"
pro: false
pro_url: null
github_stars: null
component_count: 50
generated_at: "2026-10-20T06:35:22.791Z"
---

# @shadcn-exchange

Search blocks from every public shadcn registry with live previews, and add them from the CLI.

## Links

- Website: https://shadcn.exchange
- Registry JSON: https://shadcn.exchange/r/registry.json
- Directory page: https://sh4dcn.vercel.app/registry/shadcn-exchange
- This file: https://sh4dcn.vercel.app/md/shadcn-exchange.md

## Install

```sh
# add the whole registry (shadcn CLI)
npx shadcn@latest add https://shadcn.exchange/r/registry.json
pnpm dlx shadcn@latest add https://shadcn.exchange/r/registry.json
bunx shadcn@latest add https://shadcn.exchange/r/registry.json
# fetch the raw registry index
curl -s https://shadcn.exchange/r/registry.json
```

## Components (50)

| name | type | description | install |
| --- | --- | --- | --- |
| solaceui/footer-section-2 | registry:block | Solace UI footer section block variation 2. | `npx shadcn@latest add https://shadcn.exchange/r/solaceui/footer-section-2.json` |
| ui-layouts/about-architecture | registry:block | About architecture, a block from @ui-layouts. | `npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/about-architecture.json` |
| shadcnui-blocks/login-04 | registry:block | A simple login block | `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/login-04.json` |
| atroui/feature-grid | registry:block | Product feature grid with editable CONTENT and FEATURES. | `npx shadcn@latest add https://shadcn.exchange/r/atroui/feature-grid.json` |
| flx/hero-07 | registry:block | An editorial hero with a full-width image above, a top-aligned tagline, and right-aligned headline and copy below. | `npx shadcn@latest add https://shadcn.exchange/r/flx/hero-07.json` |
| 7ovr/coming-soon-4 | registry:block | Full bleed coming soon hero over a gradient and grid backdrop, with a brand mark, launch badge, email capture with success state, and social buttons. | `npx shadcn@latest add https://shadcn.exchange/r/7ovr/coming-soon-4.json` |
| shaderscn/grain-gradient-auth | registry:block | A split sign-in page with a grainy gradient brand panel and a slot for your own form. | `npx shadcn@latest add https://shadcn.exchange/r/shaderscn/grain-gradient-auth.json` |
| solaceui/auth-section-2 | registry:block | Solace UI auth section block variation 2. | `npx shadcn@latest add https://shadcn.exchange/r/solaceui/auth-section-2.json` |
| shadcnui-blocks/features-17 | registry:block | A simple features block | `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/features-17.json` |
| flx/hero-11 | registry:block | A split-copy hero with a light product studio mock — issue feed, properties, and a floating agent panel that fades into the page. | `npx shadcn@latest add https://shadcn.exchange/r/flx/hero-11.json` |
| solaceui/team-section-5 | registry:block | Solace UI team section block variation 5. | `npx shadcn@latest add https://shadcn.exchange/r/solaceui/team-section-5.json` |
| solaceui/auth-section-1 | registry:block | Solace UI auth section block variation 1. | `npx shadcn@latest add https://shadcn.exchange/r/solaceui/auth-section-1.json` |
| solaceui/footer-section-3 | registry:block | Solace UI footer section block variation 3. | `npx shadcn@latest add https://shadcn.exchange/r/solaceui/footer-section-3.json` |
| solaceui/footer-section-4 | registry:block | Solace UI footer section block variation 4. | `npx shadcn@latest add https://shadcn.exchange/r/solaceui/footer-section-4.json` |
| solaceui/team-section-6 | registry:block | Solace UI team section block variation 6. | `npx shadcn@latest add https://shadcn.exchange/r/solaceui/team-section-6.json` |
| solaceui/footer-section-6 | registry:block | Solace UI footer section block variation 6. | `npx shadcn@latest add https://shadcn.exchange/r/solaceui/footer-section-6.json` |
| solaceui/team-section-1 | registry:block | Solace UI team section block variation 1. | `npx shadcn@latest add https://shadcn.exchange/r/solaceui/team-section-1.json` |
| solaceui/bento-grid-1 | registry:block | Solace UI bento grid block variation 1. | `npx shadcn@latest add https://shadcn.exchange/r/solaceui/bento-grid-1.json` |
| solaceui/hero-section-1 | registry:block | Solace UI hero section block variation 1. | `npx shadcn@latest add https://shadcn.exchange/r/solaceui/hero-section-1.json` |
| solaceui/auth-section-3 | registry:block | Solace UI auth section block variation 3. | `npx shadcn@latest add https://shadcn.exchange/r/solaceui/auth-section-3.json` |
| solaceui/footer-section-5 | registry:block | Solace UI footer section block variation 5. | `npx shadcn@latest add https://shadcn.exchange/r/solaceui/footer-section-5.json` |
| nusaiba/contact-2 | registry:block | Centered compact form (name, email, message) — Wave A minimal contact for pricing pages. | `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/contact-2.json` |
| shadcn-space/widget-02 | registry:block | A ranked country wise sales widget with flags, revenue values, and growth indicators, ideal for dashboards to monitor geographic performance and spot emerging … | `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/widget-02.json` |
| efferd/features-6 | registry:block | Bento grid layout with varying card sizes, featuring interactive visuals like a globe, charts, and dashboard preview. | `npx shadcn@latest add https://shadcn.exchange/r/efferd/features-6.json` |
| initium/form-elements-showcase | registry:block | Form element section with form fields, textarea, checkboxes, select inputs, two-column layout. | `npx shadcn@latest add https://shadcn.exchange/r/initium/form-elements-showcase.json` |
| designali/logos-05 | registry:block | A simple logos section. | `npx shadcn@latest add https://shadcn.exchange/r/designali/logos-05.json` |
| ui-layouts/footer-privilege | registry:block | Footer privilege, a block from @ui-layouts. | `npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/footer-privilege.json` |
| shadcnui-blocks/contact-02 | registry:block | A simple contact form | `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/contact-02.json` |
| navui/header-two | registry:block | A responsive marketing header with a bordered shell and animated mobile menu. | `npx shadcn@latest add https://shadcn.exchange/r/navui/header-two.json` |
| componentry/pricing-01 | registry:block | Three tactile pricing cards with revealed hover notes, clear feature lists, and a highlighted popular plan. | `npx shadcn@latest add https://shadcn.exchange/r/componentry/pricing-01.json` |
| 7ovr/kanban-1 | registry:block | Kanban board with To Do, In Progress, and Done columns, drag and drop between them, and cards that open a task detail dialog. | `npx shadcn@latest add https://shadcn.exchange/r/7ovr/kanban-1.json` |
| shaderscn/image-dithering-team | registry:block | A team grid that dithers every headshot into one consistent look, with the original color on hover. | `npx shadcn@latest add https://shadcn.exchange/r/shaderscn/image-dithering-team.json` |
| nusaiba/hero-7 | registry:block | Asymmetric editorial split — badge, expressive headline, CTAs, and parallax motion stage. | `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/hero-7.json` |
| shadcn-space/cookie-consent-01 | registry:block | A minimal floating cookie consent banner with clear messaging, preference controls, and quick accept or reject actions. | `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/cookie-consent-01.json` |
| efferd/integrations-3 | registry:block | Split layout with text content and scattered grid-based integration logos. | `npx shadcn@latest add https://shadcn.exchange/r/efferd/integrations-3.json` |
| initium/button-showcase | registry:block | Button section with background contrast section. | `npx shadcn@latest add https://shadcn.exchange/r/initium/button-showcase.json` |
| designali/faqs-02 | registry:block | A simple pricing section. | `npx shadcn@latest add https://shadcn.exchange/r/designali/faqs-02.json` |
| ui-layouts/stats-banner | registry:block | Stats banner, a block from @ui-layouts. | `npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/stats-banner.json` |
| shadcnui-blocks/testimonials-10 | registry:block | A simple testimonials block | `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/testimonials-10.json` |
| navui/teams-section-four | registry:block | A global-team recruiting section with portrait cards and role badges. | `npx shadcn@latest add https://shadcn.exchange/r/navui/teams-section-four.json` |
| componentry/gradient-hero-01 | registry:block | A simple centered hero with a warm cinematic gradient, compact badge, short copy, and two actions. | `npx shadcn@latest add https://shadcn.exchange/r/componentry/gradient-hero-01.json` |
| 7ovr/header-14 | registry:block | Header with the wordmark on the left and the navigation collected into one muted capsule on the right, with a sliding active pill and no call to action. | `npx shadcn@latest add https://shadcn.exchange/r/7ovr/header-14.json` |
| shaderscn/color-panels-newsletter | registry:block | A compact newsletter signup band with slowly turning glass panels beside the form. | `npx shadcn@latest add https://shadcn.exchange/r/shaderscn/color-panels-newsletter.json` |
| nusaiba/pricing-6 | registry:block | Accordion expand per tier with price in trigger and features inside — grid-reveal stagger on open panels. | `npx shadcn@latest add https://shadcn.exchange/r/nusaiba/pricing-6.json` |
| shadcn-space/feature-24 | registry:block | A balanced layout combining engaging visuals and structured content to showcase scalable AI solutions, helping modern teams streamline workflows and drive smar… | `npx shadcn@latest add https://shadcn.exchange/r/shadcn-space/feature-24.json` |
| efferd/footer-5 | registry:block | Multi-column footer with app store buttons, social icons, and link groups. | `npx shadcn@latest add https://shadcn.exchange/r/efferd/footer-5.json` |
| designali/faqs-03 | registry:block | A simple pricing section. | `npx shadcn@latest add https://shadcn.exchange/r/designali/faqs-03.json` |
| ui-layouts/feature-bento | registry:block | Feature bento, a block from @ui-layouts. | `npx shadcn@latest add https://shadcn.exchange/r/ui-layouts/feature-bento.json` |
| shadcnui-blocks/logo-cloud-14 | registry:block | A simple logo cloud block | `npx shadcn@latest add https://shadcn.exchange/r/shadcnui-blocks/logo-cloud-14.json` |
| navui/contact-section-two | registry:block | A split contact section with a consultation summary and detailed project inquiry form. | `npx shadcn@latest add https://shadcn.exchange/r/navui/contact-section-two.json` |

## For AI agents

```text
You are adding components from @shadcn-exchange to a shadcn-compatible project.
1. Read this file (https://sh4dcn.vercel.app/md/shadcn-exchange.md) for the component list.
2. Fetch the machine-readable index: https://shadcn.exchange/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: shadcn-exchange).
```