shadimage

Code Block

Tabbed package-manager code block with npm/pnpm/yarn/bun switcher, syntax-highlighted command output, and a one-click copy button.

registry/new-york/blocks/code-block/page.tsx

import CodeBlock from "./components/code-block"

export default function Page() {
  return (
    <div className="px-4 py-10 md:px-6 md:py-14">
      <CodeBlock />
    </div>
  )
}
Visual style
terminal-mono