Lobe UI 是一个用于构建 AIGC 网页应用的开源 UI 组件库

English ・ 简体中文 ・ 更新日志 · 报告问题 · 请求功能

目录

• 📦 安装
  • 使用 NextJS 编译
• 🤯 使用
• ⌨️ 本地开发
• 🤝 贡献
• 🔗 更多产品

📦 安装

[!IMPORTANT]
该包仅支持 ESM。

要安装 Lobe UI，请运行以下命令：

$ bun add @lobehub/ui

使用 NextJS 编译

[!NOTE]
为了正确使用 nextjs ssr，请在 next.config.js 中添加 transpilePackages: ['@lobehub/ui']。例如：

// next.config.js
const nextConfig = {
  // ...其他配置

  transpilePackages: ['@lobehub/ui'],
};

🤯 使用

[!NOTE]
LobeUI 组件是基于 Antd 开发的，完全兼容 Antd 组件， 推荐使用 antd-style 作为默认的 css-in-js 样式解决方案。

import { ThemeProvider, Button } from '@lobehub/ui'
import { Button } from 'antd'

export default () => (
  <ThemeProvider>
    <Button>Hello AIGC</Button>
  </ThemeProvider>
)

⌨️ 本地开发

您可以使用 Github Codespaces 进行在线开发：

或者克隆到本地进行开发：

$ git clone https://github.com/lobehub/lobe-ui.git
$ cd lobe-ui
$ bun install
$ bun start

🤝 贡献

欢迎各种类型的贡献，如果您有兴趣贡献代码，请随时查看我们的 GitHub 问题，并展示您的才华。

🩷 感谢赞助

每一分支持都珍贵无比，汇聚成我们支持的璀璨银河！你就像一颗划破夜空的流星，瞬间点亮我们前行的道路。感谢你对我们的信任 —— 你的支持笔就像星辰导航，一次又一次地为项目指明前进的光芒。

🔗 更多产品

• 🤖 Lobe Chat : 一个开源、可扩展（函数调用）、高性能的聊天机器人框架。支持一键免费部署私有 ChatGPT/LLM 网页应用程序。
• 🤯 Lobe Theme : 稳定扩散 WebUI 的现代主题，精美的界面设计，高度可定制的 UI 和提高效率的功能。
• 🌏 Lobe i18n : Lobe i18n 是一个由 ChatGPT 提供支持的自动化工具，用于 i18n（国际化）翻译过程。它支持诸如大文件的自动拆分、增量更新和对 OpenAI 模型、API 代理和温度的自定义选项等功能。
• 💌 Lobe Commit : Lobe Commit 是一个利用 Langchain/ChatGPT 生成基于 Gitmoji 的提交消息的 CLI 工具。

Copyright © 2023 LobeHub. This project is MIT licensed.