Devtools

Code Tabs 01

Tabbed install or snippet panel with copy-ready code blocks for npm, pnpm, yarn, bun, or custom tabs.

Install with shadcn CLI

Adds the block files into your project. Run from an app that already has shadcn initialized.

bash

npx shadcn@latest add @tt-ui/code-tabs-01

Preview

Live demo of this block in the browser.

Code Tabs

Tabbed install or snippet panel with copy-ready code blocks for npm, pnpm, yarn, bun, or custom tabs.

Install from registry

Composed block using Morph Tabs and Code Block with createShadcnAddTabs.

bash

npx shadcn@latest add @tt-ui/code-block