---

llm-ui is a React library for displaying large language model (LLM) outputs.

The library operates on the string returned from an LLM. For example:

## Python
```python
def hello_llm_ui():
  print("Hello llm-ui!")
```
## Typescript
```typescript
const helloLlmUi = () => {
  console.log("Hello llm-ui!");
};
```

llm-ui breaks this example into blocks:

Features

• Markdown blocks
  • Streamed markdown support
  • Markdown syntax hidden from users e.g. ## for headers
  • Show’s one visible character at a time.
• Code blocks
  • Beautiful syntax highlighting for every language with Shiki
• Build your own custom blocks
• Throtting smooths out pauses in the LLM’s streamed output
• Renders the correct number of characters per frame for a smooth user experience
• Headless: Unopinionated about styling -> bring your own styles

---