Tinky Framework

tinky

Build command-line interfaces with React components, laid out by the Taffy engine.

GitHub

$npm install tinky react

TypeScript

React components

Familiar JSX patterns for terminal apps.

Flexbox & Grid

Full CSS Flexbox and Grid, powered by Taffy.

Input & focus

Keyboard hooks and Tab / Shift+Tab focus.

Rich styling

Borders, backgrounds, colors and ARIA support.

Quick start

From the project README. See GitHub for the full API.

Read the docs on GitHub

app.tsx

import { render, Box, Text } from "tinky";

function App() {
  return (
    <Box flexDirection="column" padding={1}>
      <Text color="green" bold>
        Hello, Tinky!
      </Text>
      <Text>Build beautiful CLIs with React</Text>
    </Box>
  );
}

render(<App />);

Ecosystem