design-infraReport a problem or share feedback← Catalog
Sandbox
freekibo-ui/sandbox
The sandbox component allows you to preview and test components in a sandboxed environment.
drop-inTrustworthyTechnical
$
npx shadcn@latest add @kibo-ui/sandboxnpm deps: @codesandbox/sandpack-react
- 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.
- Snippetkibo-ui/snippetTabbed install-command snippet with copy (npm/pnpm/bun). Ideal for dev-tool landing pages.