Search blocks

Find a block by name or category

The Docs

Getting Started

Add the 7Ovr registry to your components.json, then install any block with one shadcn command. Set up in under a minute.

Prerequisites

7Ovr blocks install through the shadcn CLI, so your project needs shadcn/ui first. If it is not set up yet, initialize it:

Terminal

pnpm dlx shadcn@latest init

This scaffolds your components.json and the base configuration the CLI needs. Already using shadcn/ui? Skip straight to the next step.

Add the registry

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.

Install a block

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. The CLI downloads the source, installs any required dependencies, and places the files in your configured component directory.

Configure MCP (optional)

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.

Next steps

Everything is ready. Browse the blocks catalog to start adding sections to your project, or jump straight to a category that fits what you are building.