{"data":{"slug":"richardgill-llm-ui","name":"llm-ui","tagline":"The React library for LLMs","github_url":"https://github.com/richardgill/llm-ui","owner":"richardgill","repo":"llm-ui","owner_avatar_url":"https://avatars.githubusercontent.com/u/6640874?v=4","primary_language":"TypeScript","stars":1749,"forks":89,"topics":["chatgpt","claude","component-library","generative-ai","llama","llm","markdown","openai","react"],"archived":false,"github_pushed_at":"2025-07-02T12:52:26+00:00","maintenance_label":"Dormant","url":"https://www.graphcanon.com/tools/richardgill-llm-ui","markdown_url":"https://www.graphcanon.com/tools/richardgill-llm-ui.md","api_url":"https://www.graphcanon.com/api/graphcanon/tools/richardgill-llm-ui","graph_url":"https://www.graphcanon.com/api/graphcanon/graph?tool=richardgill-llm-ui","description":"The React library for LLMs","homepage_url":"https://llm-ui.com","license":"MIT","open_issues":16,"watchers":5,"ai_summary":"A TypeScript-based React component library that enables the creation of user interfaces for large language models with features such as throttling of streamed output and custom rendering of components.","readme_excerpt":"# llm-ui\n\nThe React library for LLMs.\n\n<img src=\"/media/demo.webp\" width=\"500\"  />\n\n[Documentation](http://llm-ui.com/docs)\n\n## Features\n\n- Removes broken markdown syntax\n- Add your own custom components to LLM output.\n- Throttling smooths out pauses in the LLM’s streamed output\n- Renders output at native frame rate\n- Code blocks for every language with [Shiki](https://shiki.style)\n- Headless: Bring your own styles\n\n## Sponsor\n\nWe’re proudly sponsored by **Stream**. If you need scalable, real-time chat, audio, video, feeds or activity streams, check out [Stream](https://getstream.io/?utm_source=github.com&utm_medium=github&utm_campaign=llm-ui).\n\n<p align=\"center\">\n  <a href=\"https://getstream.io/?utm_source=github.com&utm_medium=github&utm_campaign=llm-ui\" target=\"_blank\">\n    <img src=\"/media/stream-logo.png\" alt=\"Stream\" width=\"180\" />\n  </a>\n</p>\n\n> Stream helps developers build scalable in-app Chat, Audio, Video, Feeds, and Moderation experiences powered by a global edge network and enterprise-grade infrastructure.\n\n## License\n\n[MIT](/LICENSE)","github_created_at":"2024-03-31T07:15:54+00:00","created_at":"2026-07-11T10:41:12.878969+00:00","updated_at":"2026-08-08T00:00:38.013998+00:00","categories":[{"slug":"developer-tools","name":"Developer Tools","url":"https://www.graphcanon.com/categories/developer-tools","markdown_url":"https://www.graphcanon.com/categories/developer-tools.md","api_url":"https://www.graphcanon.com/api/graphcanon/categories/developer-tools"},{"slug":"llm-frameworks","name":"LLM Frameworks","url":"https://www.graphcanon.com/categories/llm-frameworks","markdown_url":"https://www.graphcanon.com/categories/llm-frameworks.md","api_url":"https://www.graphcanon.com/api/graphcanon/categories/llm-frameworks"}],"tags":[{"slug":"chatgpt","name":"chatgpt"},{"slug":"claude","name":"claude"},{"slug":"component-library","name":"component-library"},{"slug":"generative-ai","name":"generative-ai"},{"slug":"llama","name":"llama"},{"slug":"markdown","name":"markdown"},{"slug":"openai","name":"openai"}],"trust":{"provenance":{"is_fork":false,"github_id":779928034,"owner_type":"User","methodology":"github_public_v1","parent_repo":null,"near_duplicate_slugs":[]},"computed_at":"2026-08-08T00:00:36.767Z","maintenance":{"label":"Dormant","score":18,"methodology":"github_public_v1","releases_90d":0,"days_since_push":401,"last_release_at":"2024-06-01T12:13:30Z"},"security_summary":{"status":"no_lockfile","scanner":null,"low_count":0,"high_count":0,"last_scan_at":"2026-07-11T10:41:18.795Z","medium_count":0,"scan_profile":"none","critical_count":0}},"capability_facts":{"mcp":{"source":"repo_scan","observed_at":"2026-08-08T00:00:37.428Z","server_manifest":false},"scan":{"source":"repo_scan","observed_at":"2026-08-08T00:00:37.428Z"},"languages":{"value":["typescript","javascript"],"source":"github.language+package.json","observed_at":"2026-08-08T00:00:37.428Z"},"license_spdx":{"value":"MIT","source":"github.license","observed_at":"2026-08-08T00:00:37.428Z"}},"decision_facts":{"hosting":null,"pricing":{"model":"freemium","summary":"The core library of llm-ui is available free-of-charge with no license fee. Premium support or additional services may be offered by its sponsor Stream."},"requirements":{"notes":["Developers must have familiarity with React and TypeScript to leverage llm-ui effectively.","The library includes integration support for Shiki, so installations or configurations of related dependencies may be required."],"min_ram_gb":null,"requires_docker":false},"constraints":{"min_ram_gb":null,"pricing_model":"freemium","requires_docker":false},"when_to_use":["Use llm-ui if you are specifically working with React applications and require an optimized UI experience for integrating with LLMs through smooth streaming and custom components.","If your project needs to render code blocks in various languages via Shiki, and you prefer headless styling for customization without the burden of built-in aesthetics."],"when_not_to_use":["Avoid llm-ui if your development environment is not based on React or TypeScript, as this tool is not suitable for other frontend frameworks.","Do not use llm-ui if seamless integration with external styling libraries is not a priority, since its headless approach requires manual styling efforts."],"source":"enrich:decision_facts","observed_at":"2026-07-15T08:33:10.341Z"},"constraint_facets":{"min_ram_gb":null,"pricing_model":"freemium","requires_docker":false},"decision_summary":[{"label":"Pricing","value":"freemium - The core library of llm-ui is available free-of-charge with no license fee. Premium support or additional services may be offered by its sponsor Stream."},{"label":"Requirements","value":"Developers must have familiarity with React and TypeScript to leverage llm-ui effectively.; The library includes integration support for Shiki, so installations or configurations of related dependencies may be required."},{"label":"Adopt for","value":"llm-ui is a React library developed in TypeScript that focuses on creating user interfaces for large language models, it includes features such as throttling of streamed output and support for custom component rendering."},{"label":"License detail","value":"llm-ui is released under the MIT license, allowing for free use and modification in both open source and commercial projects."}]}}