7Ovr

Search blocks

Find a block by name or category

Setup 7Ovr Registry Blocks in Your Project

Learn how to easily integrate 7Ovr Registry Blocks into your project and enhance your development workflow with pre-built components.

  1. 01

    Getting Started

    Add the 7Ovr registry namespace to your components.json:

    components.json

    {
  "registries": {
    "@7ovr": "https://7ovr.com/r/{name}.json"
  }
}

    This configuration allows you to access registry blocks directly from your project by referencing the registry namespace. Learn more about registry config from the Shadcn UI Registry Docs.

  2. 02

    Installing Blocks

    Install blocks via the shadcn CLI using the @7ovr/{block-name} syntax. For example, to install the hero-1 block, run:

    Terminal

    pnpm dlx shadcn@latest add @7ovr/hero-1

    Each block has its own CLI command, allowing you to install them individually as needed. You can copy and paste the command directly into your terminal to quickly add the block to your project.

  3. 03

    MCP Configuration

    You can also configure the Shadcn MCP server to include the 7Ovr registry. Run the following command to set it up:

    Terminal

    pnpm dlx shadcn@latest mcp init

    Select your MCP client and follow the instructions to configure the shadcn MCP server. If needed, please refer to the Shadcn UI MCP Docs.