# Code

> Code blocks, install commands and terminal output.

- [JSON Viewer](https://www.assembli.design/components/json-viewer.md): A collapsible JSON inspector for API responses and logs: colored values with color swatches, links and dates, devtools-style previews of collapsed branches, indent guides, a filter that opens exactly the matching branches, and a path bar that copies the selected node's accessor ($.users[0].email). A WAI-ARIA tree: arrows, Enter to toggle, C to copy a value.
- [Code Block](https://www.assembli.design/components/code-block.md): Tabbed code window with line numbers, highlighted lines, a lightweight built-in syntax highlighter (no dependency) and a copy button that confirms. Light and dark friendly.
- [Diff View](https://www.assembli.design/components/diff-view.md): Unified code diff computed from two strings: line numbers on both sides, tinted additions and removals, a +/- summary, and unchanged stretches folded into expandable hunks.
- [Install Command](https://www.assembli.design/components/install-command.md): Package-manager switcher for install snippets: npm, pnpm, yarn and bun tabs with a sliding indicator, the command swapping in place, and a copy button that confirms.
- [Terminal Replay](https://www.assembli.design/components/terminal-replay.md): A terminal window that plays a scripted session: commands type out character by character, output lines stream in, then it offers a replay. Starts when scrolled into view; instant for reduced motion.

Back to [all components](https://www.assembli.design/components.md).