The React library
for
LLMs
Renders LLM Outputs smoothly. Removes broken markdown syntax.
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:
【{t:"btn",b:[{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.
Universal LLM support
llm-ui operates on the model's output string, so it works with any LLM model.
ChatGPT
Claude
Ollama
Mistral
Hugging Face
LangChain
Subscribe for email updates
Keep up to date with llm-ui