LangUI - 你的AI 的完美UI

---

一、关于 LangUI

受到一些世界上最大的公司、开发商和投资者的信任，LangUI是一组设计精美的组件，您可以复制和粘贴来构建自己的ChatGPT。免费。可定制。开源。

LangUI由TailWind CSS提供支持，其中包含为您的AI和GPT项目量身定制的免费组件。它提供了一系列漂亮、即用型的组件来增强您的AI应用程序的用户交互界面，让您可以专注于构建下一个最佳项目，同时将UI留给LangUI。

⭐LangUI是开源的，它的60多个组件是完全免费的。请给它加星号以示支持！

• github : https://github.com/LangbaseInc/langui
• 官网： https://www.langui.dev/
• 官方文档：https://www.langui.dev/

---

特点

• 复制和粘贴集成：零安装或依赖！只需选择所需的组件，将其复制并粘贴到您的项目中。
• 开源和免费：LangUI获得MIT许可，适用于个人和商业项目。请随时通过在GitHub上主演LangUI来贡献和支持我们。
• 深色和浅色模式：所有LangUI组件都支持浅色和深色模式，并且经过精心设计，在两种模式下看起来都最好。
• 完全响应：LangUI组件具有响应性，确保它们在任何屏幕尺寸或设备上看起来都很棒。
• 轻松定制：LangUI使用双色调色板。两种颜色调色板-石板和蓝色-允许轻松定制您品牌的颜色。

---

截图

---

二、开始行动

• LangUI组件是即用型的，这意味着您不需要安装或配置任何东西。
• 浏览LangUI.dev并选择一个组件。
• 从LangUI留档中以超文本标记语言或JSX复制所需组件的代码。
• 将代码粘贴到项目的超文本标记语言或React/Vue/Angular组件中。完成。
• 😍部署：您可以部署自己的ChatGPT构建与LangUI在Langbase.com通过创建一个聊天管道。

---

Docker部署

您可以直接使用我已经构建的映像运行。

docker run -d -t -p 3000:3000 --name langui --restart=always docker.io/wenyang0/langui:latest

---

或者，如果您愿意，您可以自己手动编译它。

#clone the code 
git clone https://github.com/ahmadbilaldev/langui.git

#docker build 
cd langui/
docker build -t langui:v1 .

#start server 
docker run -d -t -p 3000:3000 --name langui --restart=always langui:v1

最后，打开浏览器并访问服务的地址 http://serverIP:3000

---

2025-02-02(日)