Vite | Ink Web

Start with the example or follow this guide:

npm install ink-web @xterm/xterm

yarn add ink-web @xterm/xterm

pnpm add ink-web @xterm/xterm

bun add ink-web @xterm/xterm

Usage:

"use client";

import { InkXterm, Box, Text } from "ink-web";
import "ink-web/css";
import "@xterm/xterm/css/xterm.css";

export const Terminal = () => (
  <div style={{ width: "100vw", height: "100vh" }}>
    <InkXterm focus>
      <Box flexDirection="column">
        <Text color="green">Hello from Ink!</Text>
      </Box>
    </InkXterm>
  </div>
);

export default Terminal;