ns UI
Documentation

Layered UI Registry

Install production‑ready shadcn/UI marketing blocks directly into your project using the shadcn CLI. Add the registry once and pull blocks by name.

01

Add registry

Add the Layered UI registry namespace to your components.json.

json
{
  "registries": {
    "@layeredUI": "https://layered-blocks.vercel.app/r/{name}.json"
  }
}

Learn more about registry config from Shadcn UI docs.

02

Usage

Install blocks via the shadcn CLI using the @layeredUI/{name} syntax.

bash
pnpm dlx shadcn add @layeredUI/hero-section-1

Don't guess the block name — copy the CLI command from each block on its category page.

03

Configure MCP

Run the following command to configure the MCP server:

bash
pnpm dlx shadcn mcp init

Select your MCP client when prompted. Remember to enable the MCP server in your client when done.

Prompts to try

  • Find me a hero from layeredUI registry
  • Build me a landing page using a hero and features section from layeredUI registry
  • Build me a pricing page using a pricing, logo cloud, comparator and faqs blocks from layeredUI mist registry