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 } 從 '@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。
該計畫已獲得麻省理工學院許可。