Getting Started with Glyph

Installation

Create a new Glyph project:

bun create @semos-labs/glyph my-tui-app
cd my-tui-app

Or add Glyph to an existing project:

bun add @semos-labs/glyph

Your First App

Create an index.tsx file:

import { render, Box, Text } from "@semos-labs/glyph";

function App() {
  return (
    <Box flexDirection="column" padding={1}>
      <Text bold>✨ My First TUI</Text>
      <Text>Built with Glyph</Text>
    </Box>
  );
}

render(<App />);

Run it:

bun index.tsx

That’s it — you should see your TUI app rendered in the terminal.

Project Structure

A typical Glyph project looks like:

my-tui-app/
├── src/
│   ├── components/    # Reusable UI components
│   ├── screens/       # Full-screen views
│   └── index.tsx      # Entry point
├── package.json
└── tsconfig.json

Next Steps

• Explore the API Reference
• Build a real app with Aion as an example