opendraft

AI Agents/Code Block

Code Block

Streaming code with Shiki highlighting, line highlights and copy.

Open in Claude Open in ChatGPT
indicator.tsxtsxWriting
1import { motion } from "motion/react"

Installation

$npx shadcn@latest add @opendraft/code-block

Needs the @opendraft registry in your components.json. See Installation.

Dependencies

Source

The files the install command adds to your project. They're yours to edit.

PreviousTool ResultNext File Diff