llm-ui | React library for LLMs

1 min read Original article ↗

llm-ui

Removes broken markdown syntax

It renders bold, italic, strikethrough and links without showing any markdown syntax.

Custom components

Add your own custom components to your LLM output.

Lets add a custom button:

This works by prompting the LLM to let it know it can use buttons by replying like this:

【{type:"‎buttons",buttons:[{text:"Star ⭐"}, {text:"Confetti 🎉"}]}】

^^^ llm-ui also has code blocks with syntax highlighting for over 100 languages with Shiki.

Matches your display's frame rate

This text is streaming tokens which are 3 characters long, but llm-ui smooths this out by rendering characters at the native frame rate of your display.

Removes pauses

llm-ui smooths out pauses in the LLM's response

Like this one: in 3...2...1 without users noticing.

^^^ check out the raw LLM output to see the tokens being streamed.