Documentation

Blocks Overview

Installable, runnable AI SDK Blocks with live demos, CLI install, Next.js download, and optional Hono or Nitro export.

A Block is an installable, runnable AI SDK example. You preview it as a live demo, then install it with the shadcn CLI, download it as a Next.js app, copy critical files into a coding agent, open it in v0, or export a Hono or Nitro API server when the Block supports it.

Browse the catalog on /patterns. Collections include Artifacts, Agent Patterns, Human-in-the-Loop, Workflows, Chat UIs, Media, Tools, and Real-world Examples.

Get a Block into your app

  1. Install with the shadcn CLI
  2. Copy critical files into Cursor or Claude
  3. Download as a Next.js app
  4. Export a Hono API server or Nitro API server when supported

Pro Blocks need a signed-in account with access. Free Blocks install without a token. See Free vs Pro.

What a Block contains

Typical layout after install or download:

block-name/
├── app/
│   ├── page.tsx
│   ├── layout.tsx
│   └── api/.../route.ts
├── components/
├── lib/
└── README.md

UI often uses AI Elements. Env vars and dependencies are listed on the Block page and in the downloaded README.

Related