[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10650":3},{"id":4,"name":5,"fullName":6,"owner":5,"repo":5,"description":7,"homepage":8,"htmlUrl":9,"language":10,"languages":9,"totalLinesOfCode":9,"stars":11,"forks":12,"watchers":13,"openIssues":14,"contributorsCount":15,"subscribersCount":15,"size":15,"stars1d":16,"stars7d":17,"stars30d":18,"stars90d":15,"forks30d":15,"starsTrendScore":19,"compositeScore":20,"rankGlobal":9,"rankLanguage":9,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":22,"hasPages":22,"topics":24,"createdAt":9,"pushedAt":9,"updatedAt":34,"readmeContent":35,"aiSummary":36,"trendingCount":15,"starSnapshotCount":15,"syncStatus":37,"lastSyncTime":38,"discoverSource":39},10650,"assistant-ui","assistant-ui\u002Fassistant-ui","Typescript\u002FReact Library for AI Chat💬🚀","https:\u002F\u002Fwww.assistant-ui.com",null,"TypeScript",10564,1061,80,1,0,16,130,551,88,119.08,"MIT License",false,"main",[25,26,27,28,29,30,31,32,33],"ai-chatbot","chatbot","conversational-ai","copilot","radix-ui","react-chatbot","shadcn","ui-components","vercel-ai-sdk","2026-06-12 04:00:51","\u003Ca href=\"https:\u002F\u002Fwww.assistant-ui.com\">\n  \u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fassistant-ui\u002Fassistant-ui\u002Fmain\u002F.github\u002Fassets\u002Fheader.svg\" alt=\"assistant-ui Header\" width=\"100%\" \u002F>\n\u003C\u002Fa>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.assistant-ui.com\">Product\u003C\u002Fa> ·\n  \u003Ca href=\"https:\u002F\u002Fwww.assistant-ui.com\u002Fdocs\">Documentation\u003C\u002Fa> ·\n  \u003Ca href=\"https:\u002F\u002Fwww.assistant-ui.com\u002Fexamples\">Examples\u003C\u002Fa> ·\n  \u003Ca href=\"https:\u002F\u002Fdiscord.gg\u002FS9dwgCNEFs\">Discord Community\u003C\u002Fa> ·\n  \u003Ca href=\"https:\u002F\u002Fcal.com\u002Fsimon-farshid\u002Fassistant-ui\">Contact Sales\u003C\u002Fa>\n\u003C\u002Fp>\n\n[![npm version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@assistant-ui\u002Freact)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@assistant-ui\u002Freact)\n[![npm downloads](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002F@assistant-ui\u002Freact)](https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@assistant-ui\u002Freact)\n[![Ask DeepWiki](https:\u002F\u002Fdeepwiki.com\u002Fbadge.svg)](https:\u002F\u002Fdeepwiki.com\u002Fassistant-ui\u002Fassistant-ui)\n[![Weave Badge](https:\u002F\u002Fimg.shields.io\u002Fendpoint?url=https%3A%2F%2Fapp.workweave.ai%2Fapi%2Frepository%2Fbadge%2Forg_GhSIrtWo37b5B3Mv0At3wQ1Q%2F722184017&cacheSeconds=3600)](https:\u002F\u002Fapp.workweave.ai\u002Freports\u002Frepository\u002Forg_GhSIrtWo37b5B3Mv0At3wQ1Q\u002F722184017)\n![GitHub License](https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002Fassistant-ui\u002Fassistant-ui)\n![Backed by Y Combinator](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FBacked_by-Y_Combinator-orange)\n\u003C!-- [![Manta Graph badge](https:\u002F\u002Fgetmanta.ai\u002Fapi\u002Fbadges?text=Manta%20Graph&link=assistant-ui)](https:\u002F\u002Fgetmanta.ai\u002Fassistant-ui) -->\n\n[⭐️ Star us on GitHub](https:\u002F\u002Fgithub.com\u002Fassistant-ui\u002Fassistant-ui)\n\n## The UX of ChatGPT in your React app 💬🚀\n\n**assistant-ui** is an open source TypeScript\u002FReact library to build production-grade AI chat experiences fast.\n\n- Handles streaming, auto-scrolling, accessibility, and real-time updates for you\n- Fully composable primitives inspired by shadcn\u002Fui and cmdk — customize every pixel\n- Works with your stack: AI SDK, LangGraph, Mastra, or any custom backend\n- Broad model support out of the box (OpenAI, Anthropic, Mistral, Perplexity, AWS Bedrock, Azure, Google Gemini, Hugging Face, Fireworks, Cohere, Replicate, Ollama) with easy extension to custom APIs\n\n## Why assistant-ui\n\n- **Fast to production**: battle-tested primitives, built-in streaming and attachments\n- **Designed for customization**: composable pieces instead of a monolithic widget\n- **Great DX**: sensible defaults, keyboard shortcuts, a11y, and strong TypeScript\n- **Enterprise-ready**: optional chat history and analytics via Assistant Cloud\n\n## Getting Started\n\nRun one of the following in your terminal:\n\n```bash\nnpx assistant-ui create   # new project\nnpx assistant-ui init     # add to existing project\n```\n\n[![assistant-ui starter template](https:\u002F\u002Fraw.githubusercontent.com\u002Fassistant-ui\u002Fassistant-ui\u002Fmain\u002F.github\u002Fassets\u002Fassistant-ui-starter.gif)](https:\u002F\u002Fyoutu.be\u002Fk6Dc8URmLjk)\n\n## Features\n\n- **Build**: composable primitives to create any chat UX (message list, input, thread, toolbar) and a polished shadcn\u002Fui theme you can fully customize.\n\n- **Ship**: production-ready UX out of the box — streaming, auto-scroll, retries, attachments, markdown, code highlighting, and voice input (dictation) — plus keyboard shortcuts and accessibility by default.\n\n- **Generate**: render tool calls and JSON as components, collect human approvals inline, and enable safe frontend actions.\n\n- **Integrate**: works with AI SDK, LangGraph, Mastra, or custom backends; broad provider support; optional chat history and analytics via Assistant Cloud (single env var).\n\n## Backends\n\n- **Assistant Cloud**: managed chat persistence and analytics. Deploy with the Cloud Starter template; bring any model\u002Fprovider.\n\n- **AI SDK**: integration with Vercel AI SDK; connect to any supported provider.\n\n- **LangGraph**: integration with LangGraph and LangGraph Cloud; connect via LangChain providers.\n\n- **Mastra**: integration with Mastra agents\u002Fworkflows\u002FRAG; model routing via Vercel AI SDK; optional Mastra Cloud.\n\n- **Custom**: use assistant-ui on top of your own backend\u002Fstreaming protocol.\n\n## Customization\n\nassistant-ui takes a Radix-style approach: instead of a single monolithic chat component, you compose primitives and bring your own styles. We provide a great starter config; you control everything else.\n\n![Overview of components](https:\u002F\u002Fraw.githubusercontent.com\u002Fassistant-ui\u002Fassistant-ui\u002Fmain\u002F.github\u002Fassets\u002Fcomponents.png)\n\nSample customization to make a Perplexity lookalike:\n\n![Perplexity clone created with assistant-ui](https:\u002F\u002Fraw.githubusercontent.com\u002Fassistant-ui\u002Fassistant-ui\u002Fmain\u002F.github\u002Fassets\u002Fperplexity.gif)\n\n## Traction\n\nassistant-ui is the most popular UI library for building AI chat.\n\nHundreds of companies and projects use assistant-ui to build in-app AI assistants, including \u003Ca href=\"https:\u002F\u002Fmastra.ai\u002F?ref=assistant-ui\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fassistant-ui\u002Fassistant-ui\u002Fmain\u002F.github\u002Fassets\u002Flogos\u002FMastra.svg\" height=\"20\" alt=\"Mastra\">\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Flangchain.com\u002F?ref=assistant-ui\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fassistant-ui\u002Fassistant-ui\u002Fmain\u002F.github\u002Fassets\u002Flogos\u002FLangChain.svg\" height=\"20\" alt=\"LangChain\">\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fathenaintelligence.ai\u002F?ref=assistant-ui\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fassistant-ui\u002Fassistant-ui\u002Fmain\u002F.github\u002Fassets\u002Flogos\u002FAthena-Intelligence.svg\" height=\"20\" alt=\"Athena Intelligence\">\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fbrowser-use.com\u002F?ref=assistant-ui\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fassistant-ui\u002Fassistant-ui\u002Fmain\u002F.github\u002Fassets\u002Flogos\u002FBrowser-Use.svg\" height=\"20\" alt=\"Browser Use\">\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fstack-ai.com\u002F?ref=assistant-ui\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fassistant-ui\u002Fassistant-ui\u002Fmain\u002F.github\u002Fassets\u002Flogos\u002FStack.svg\" height=\"20\" alt=\"Stack\">\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Finconvo.com\u002F?ref=assistant-ui\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fassistant-ui\u002Fassistant-ui\u002Fmain\u002F.github\u002Fassets\u002Flogos\u002FInconvo.svg\" height=\"20\" alt=\"Inconvo\">\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fiterable.com\u002F?ref=assistant-ui\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fassistant-ui\u002Fassistant-ui\u002Fmain\u002F.github\u002Fassets\u002Flogos\u002FIterable.svg\" height=\"20\" alt=\"Iterable\">\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fhelicone.ai\u002F?ref=assistant-ui\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fassistant-ui\u002Fassistant-ui\u002Fmain\u002F.github\u002Fassets\u002Flogos\u002Fhelicone.svg\" height=\"20\" alt=\"Helicone\">\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fgetgram.ai\u002F?ref=assistant-ui\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fassistant-ui\u002Fassistant-ui\u002Fmain\u002F.github\u002Fassets\u002Flogos\u002Fgram.svg\" height=\"20\" alt=\"Gram\">\u003C\u002Fa>, \u003Ca href=\"https:\u002F\u002Fcoreviz.io\u002F?ref=assistant-ui\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Cimg src=\"https:\u002F\u002Fraw.githubusercontent.com\u002Fassistant-ui\u002Fassistant-ui\u002Fmain\u002F.github\u002Fassets\u002Flogos\u002FCoreviz.svg\" height=\"20\" alt=\"Coreviz\">\u003C\u002Fa>, and more.\n\n![Chart of assistant-ui's traction](https:\u002F\u002Fraw.githubusercontent.com\u002Fassistant-ui\u002Fassistant-ui\u002Fmain\u002F.github\u002Fassets\u002Ftraction.png)\n\n## Demos\n\n\u003Ctable>\n  \u003Ctr>\n    \u003Ctd align=\"center\">\n      \u003Ca href=\"https:\u002F\u002Fyoutu.be\u002FZW56UHlqTCQ\">\n        \u003Cimg src=\"https:\u002F\u002Fimg.youtube.com\u002Fvi\u002FZW56UHlqTCQ\u002Fhqdefault.jpg\" alt=\"Short Demo\" \u002F>\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n    \u003Ctd align=\"center\">\n      \u003Ca href=\"https:\u002F\u002Fyoutu.be\u002F9eLKs9AM4tU\">\n        \u003Cimg src=\"https:\u002F\u002Fimg.youtube.com\u002Fvi\u002F9eLKs9AM4tU\u002Fhqdefault.jpg\" alt=\"Long Demo\" \u002F>\n      \u003C\u002Fa>\n    \u003C\u002Ftd>\n  \u003C\u002Ftr>\n\u003C\u002Ftable>\n\n## Community & Support\n\n- [Check out example demos](https:\u002F\u002Fwww.assistant-ui.com\u002F)\n- [Read the docs](https:\u002F\u002Fwww.assistant-ui.com\u002Fdocs\u002F)\n- [Join our Discord](https:\u002F\u002Fdiscord.com\u002Finvite\u002FS9dwgCNEFs)\n- [Book a sales call](https:\u002F\u002Fcal.com\u002Fsimon-farshid\u002Fassistant-ui)\n\n---\n\nBacked by Y Combinator. Building something with assistant-ui? We’d love to hear from you.\n","assistant-ui 是一个用于构建生产级AI聊天体验的TypeScript\u002FReact库。它提供了处理流式传输、自动滚动、无障碍访问和实时更新的核心功能，同时支持多种AI模型（如OpenAI, Anthropic等）和自定义后端。该库采用可组合的设计理念，允许开发者根据需要定制每一个组件，从而轻松创建个性化的聊天界面。assistant-ui适合于希望在Web应用中快速集成高质量对话AI功能的场景，无论是个人项目还是企业级应用都能从中受益。其强大的类型安全性和良好的开发体验使得即便是复杂的聊天系统也能高效地开发和维护。",2,"2026-06-11 03:29:33","top_topic"]