Shadcn.io is not affiliated with official shadcn/ui
Code Tabs
Tabbed code display for install commands with animated indicator for React
The "pick your package manager" tabs you see on every npm package readme. Pass npm, yarn, pnpm, bun commands as an object and they render as switchable tabs with animated indicator. Shiki highlighting processes all tabs in parallel for snappy render. Copy button grabs the active tab's content. Perfect for install guides, CLI variants, or any code that comes in flavors.
Scroll to load preview
Installation
Related Components
FAQ
Was this page helpful?
Sign in to leave feedback.