design-infraReport a problem or share feedback← Catalog
Snippet
curatedtheme-awarefreekibo-ui/snippet
Snippet is a component that allows you to display and copy code in a tabbed interface.
drop-inTechnicalTrustworthy
$
npx shadcn@latest add @kibo-ui/snippetnpm deps: lucide-react
Our notes
Tabbed install-command snippet with copy (npm/pnpm/bun). Ideal for dev-tool landing pages.- Source
- Kibo UI
- Kind
- component
- Categories
- code
- Use as
- drop-in — replaces your component
- Applies to
- code
- Motion
- not tagged (static or unknown)
- Licence
- MIT (shadcnblocks/kibo, originally Hayden Bleasel). Premium blocks are sold at shadcnblocks.com — not catalogued.
- Live demo
- www.kibo-ui.com
- Docs
- www.kibo-ui.com
Similar
Compare all 4 →- Code Blockkibo-ui/code-blockShiki code block with tabs, line numbers, highlight/diff/focus transformers and copy. Theme-aware chrome; diff colours are semantic emerald/rose. Heavy: shiki + react-icons.
- Qr Codekibo-ui/qr-codeQR code (qrcode lib) that reads --foreground/--background at runtime — but only parses oklch() values; our DESIGN.md themes emit hex, so it silently falls back to near-black/white. Pass foreground/background props. Server variant included.
- Code Blockaceternity/code-blockSyntax-highlighted block with tabs (react-syntax-highlighter).