lobe ui

波瓣用户界面

Lobe UI 是一个开源 UI 组件库，用于构建AIGC Web 应用程序

文档·变更日志·报告错误·请求功能

目录

总有机碳

• ？安装

• 使用 NextJS 编译

• ？用法

• ⌨️ 本地发展

• ？贡献

• ？赞助

• ？链接

• 更多产品

• 设计资源

• 开发资源

安装

重要的

该软件包仅适用于 ESM。

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

 $ 面包添加@lobehub/ui

使用 NextJS 编译

笔记

通过正确使用 nextjs 页面路由器 SSR，将transpilePackages: ['@lobehub/ui']添加到next.config.js 。例如：

 // next.config.jsconst nextConfig = {
  // ...其他配置

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

用法

笔记

LobeUI组件基于Antd开发，与Antd组件完全兼容，建议使用antd-style作为默认的css-in-js样式解决方案。

 import { ThemeProvider, Button } from '@lobehub/ui'import { Button } from 'antd'export default () => (
  <ThemeProvider><Button>你好 AIGC</Button>
  </主题提供者>)

地方发展

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

或者克隆它以进行本地开发：

 $ git 克隆 https://github.com/lobehub/lobe-ui.git
$ cd lobe-ui
$ 面包安装
$ 面包开始

贡献

我们非常欢迎所有类型的贡献，如果您有兴趣贡献代码，请随时查看我们的 GitHub 问题，向我们展示您的能力。

赞助

每一点都很重要，您的一次性捐款在我们的支持中闪闪发光！你是一颗流星，对我们的旅程产生迅速而明亮的影响。感谢您对我们的信任——您的慷慨引导我们实现我们的使命，一次辉煌的闪光。

链接

更多产品

• Lobe Chat - 一个开源、可扩展（函数调用）、高性能的聊天机器人框架。它支持一键免费部署您的私人 ChatGPT/LLM Web 应用程序。

• Lobe Theme - 现代主题，稳定的扩散WebUI，精美的界面设计，高度可定制的UI和效率提升功能。

• Lobe Vidol - 与 Lobe Vidol 一起体验虚拟偶像创作的魔力，享受我们精美 UI 设计的优雅，使用 MMD 舞蹈支持一起跳舞，并进行流畅的对话。

设计资源

• Lobe UI - 用于构建 AIGC Web 应用程序的开源 UI 组件库。

• Lobe Icons - 流行的 AI / LLM 模型品牌 SVG 徽标和图标集合。

• Lobe Charts - 反应基于 recharts 构建的现代图表组件

开发资源

• Lobe TTS - 适用于服务器和浏览器的高质量且可靠的 TTS/STT 库

• Lobe i18n - 用于 i18n（国际化）翻译过程的自动化人工智能工具。

更多资源

---

执照

版权所有 © 2023 LobeHub。
该项目已获得麻省理工学院许可。