@run0/jiki-ui
v0.1.1
Published
Shared React UI components for jiki examples — CodeEditor and Terminal.
Downloads
196
Readme
Ready-made React UI components for jiki containers. Code editor, terminal, file explorer, browser preview, and more. Drop them in and get a polished IDE experience with zero configuration.
A few lines is all it takes
import { CodeEditor, Terminal, FileExplorer } from "@run0/jiki-ui";
<FileExplorer files={files} onSelect={setActiveFile} accent="cyan" />
<CodeEditor value={code} language="typescript" accent="cyan" />
<Terminal lines={output} accent="cyan" />Components
- CodeEditor — Syntax-highlighted code editor with Shiki
- Terminal — Styled terminal output with ANSI support
- FileExplorer — Collapsible file tree with icons
- BrowserWindow — Browser chrome frame with URL bar
- AIChatPanel — Chat interface for AI-assisted workflows
- PanelToggle — Resizable panel layout controls
- MobileTabBar — Responsive bottom navigation tabs
Learn more
License
MIT
