Getting Started

Welcome to UI Block. Follow these steps to start integrating our Block UI Library component into your React project.

Quick Start

Get up and running with ui block in just a few steps:

1. Add the UI Block library defined in your components.json.

{ "registries": { "@uiblock": "https://ui-block.pages.dev/r/{name}.json" } }

2. Begin adding components.

pnpm dlx shadcn@latest add @uiblock/header-1

3. Initialize the MCP server.

This setup improves your IDE by enabling direct use of components in your code with AI assistance, which has full context of the UI block library.

pnpm dlx shadcn@latest mcp init