Beadkit
Code Block

Beadkit component

Code block

Agent-written code that resolves line by line, keeps long lines scrollable, and reports copy success or failure accessibly.

Back to gallery

Live preview

Code block preview

lesson.tsTypeScript

Install this component

Register Beadkit once in your shadcn project.

npx shadcn@latest registry add '@beadkit=https://beadkit.dev/r/{name}.json'
npx shadcn@latest add @beadkit/code-block