Frontend Design Asset Collection
| Name & Link | Description |
|---|---|
| reactbits | An open-source collection of animated, interactive & fully-customizable React components for building memorable websites. Includes the fanciest components you see on everyday sites. |
| cargo | Designed for creative professionals: publish a portfolio, client decks, mood boards, profile site or shop—all in one place. |
| visualization-collection | Hundreds of front-end visual demos—CSS animations, Canvas, Three.js 3D, AI applications and more. |
| uiverse | Open-source UI elements built with CSS or Tailwind; browse, copy, use. |
| ElevenLabs UI | Open-source agent & audio components you can customize and extend. |
| 21st.dev | Curated design components for front-end developers. |
| assistant-ui | TypeScript/React library that brings ChatGPT-grade UX into your app—built on shadcn/ui + Tailwind. |
| tweakcn | Visual, no-code theme editor for shadcn/ui (think “Claude for design”). |
| Flexoki | Ink-inspired color scheme for prose and code. |
| HeroUI | Open-source component library for beautiful, accessible UIs. |
| Mobbin | Save hours of UI & UX research with our library of 400000+ fully searchable mobile & web app screenshots. |
ChatBox UI Design
随着人工智能技术的迅猛发展,前端工程师对智能化 UI 组件的需求日益增长。阿里、蚂蚁、腾讯等大厂相继推出了自家的 AI 前端组件库,涵盖了 React 和 Vue 等主流技术栈。这些组件库不仅极大降低了 AI 能力接入门槛,还为企业和开发者带来了更高效、更智能的产品开发体验。
| Name & Link | Description |
|---|---|
| Ant Design X | Ant Group 团队打造的面向 AI 时代的全新企业级前端组件库,融合 Copilot、Agent、AI 驱动表单/表格等能力,支持多模型智能推荐与企业场景适配。 |
| Ant Design X Vue | Ant Design X 的 Vue 实现,支持 Vue 3,集成 AI 驱动的表单、智能助手、Copilot 体验等,适配前端低代码和 AI 场景。 |
| ChatUI | 阿里巴巴开源的跨端 AI 聊天 UI 组件库,适配 React/Vue,内置消息流、对话历史、意图识别等丰富组件,适合 LLM、ChatBot 产品开发。 |
| TDesign Chat | 腾讯 TDesign 推出的 AI 聊天组件,支持 React/Vue/小程序等,具备对话流、智能回复、Prompt 工程、语音识别等多项 AI 能力。 |
| CopilotKit | 极易集成的 AI Copilot 前端解决方案,支持 React、Next.js,助力企业/个人快速搭建带有 Copilot 体验的应用。 |
| Lobe UI | 微软旗下 LobeHub 推出的 AI UI 组件库,聚焦 Copilot 聊天、Prompt 编辑、LLM 交互等场景。 |
| Chatbot UI | 极受欢迎的 ChatGPT 风格对话组件库,支持 React,适合二次开发和产品落地。 |
| ChatGPT-Next-Web | 开箱即用的 ChatGPT 网页端,内置丰富的 AI 交互组件,支持自定义主题和多模型切换。 |
| FastGPT UI | 企业级 LLM 应用组件库,支持知识库、对话、多模态文件处理等 AI 交互。 |
| React Chat Elements | React Chat Elements 是一个灵活且易于使用的 React 聊天 UI 组件库,支持丰富的消息类型、会话窗口和自定义扩展,适合 AI 聊天产品界面开发。 |
| assistant-ui | ChatGPT UX 的 TypeScript/React 库,用于 AI 聊天开发,基于 shadcn/ui 和 Tailwind 构建。 |