📦 安装
[!重要]
本软件包为 仅支持 ESM。
要安装 Lobe UI,请运行以下命令:
$ bun add @lobehub/ui
在 NextJS 中编译
[!注意]
为了在 nextjs 页面路由 SSR 中正常工作,请在next.config.js
中添加transpilePackages: ['@lobehub/ui']
。例如:
// next.config.js
const nextConfig = {
// 其他配置
transpilePackages: ['@lobehub/ui'],
};
🤯 使用方法
[!注意]
Lobe UI 组件基于 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 Web 应用。
- 🤯 Lobe Theme : 适用于 Stable Diffusion WebUI 的现代主题,精致的界面设计,高度可定制的 UI 和效率提升功能。
- 🥨 Lobe Icons : 流行的 AI / LLM 模型品牌 SVG 徽标和图标合集。
- 🌏 Lobe i18n : Lobe i18n 是一个用于 i18n(国际化)翻译过程的自动化工具,由 ChatGPT 提供支持。它支持自动拆分大文件、增量更新以及 OpenAI 模型、API 代理和温度的自定义选项。
- 💌 Lobe Commit : Lobe Commit 是一个命令行工具,利用 Langchain/ChatGPT 生成基于 Gitmoji 的提交消息。