Getting Started

Welcome to UI Block. This guide will help you set up and start using our components in your 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