Lobe UI は、 AIGC Web アプリを構築するためのオープンソース UI コンポーネント ライブラリです。
ドキュメント · 変更履歴 · バグの報告 · 機能のリクエスト
?インストール
NextJSでコンパイルする
?使用法
⌨️ 地域開発
?貢献する
?スポンサー
?リンク
その他の製品
設計リソース
開発リソース
重要
このパッケージは ESM のみです。
Lobe UI をインストールするには、次のコマンドを実行します。
$ bun add @lobehub/ui
注記
nextjs ページルーター SSR で正しく動作するように、 transpilePackages: ['@lobehub/ui']
をnext.config.js
に追加します。例えば:
// next.config.jsconst nextConfig = { // ...その他の設定 transpilePackages: ['@lobehub/ui'],};
注記
LobeUI コンポーネントは Antd に基づいて開発されており、Antd コンポーネントと完全な互換性があり、デフォルトの css-in-js スタイル ソリューションとして antd-style を使用することをお勧めします。
import { ThemeProvider, Button } from '@lobehub/ui'import { Button } from 'antd'export default () => ( <ThemeProvider><Button>こんにちは AIGC</Button> </テーマプロバイダ>)
オンライン開発には Github コードスペースを使用できます。
または、ローカル開発用にクローンを作成します。
$ git clone https://github.com/lobehub/lobe-ui.git $ cdローブ-ui $ バンインストール $バンスタート
あらゆる種類の貢献を大歓迎です。コードの貢献に興味がある場合は、お気軽に GitHub Issues をチェックして、自分がどのようなものであるかを示してください。
あらゆるビットが重要であり、あなたの 1 回限りの寄付は、私たちのサポートの銀河系で輝きます。あなたは流れ星で、私たちの旅に素早く明るい影響を与えます。私たちを信じてくれてありがとう – あなたの寛大さが、私たちを一度に輝かしい閃光とともに私たちの使命に導いてくれます。
Lobe Chat - オープンソースの拡張可能な (関数呼び出し) 高性能チャットボット フレームワーク。プライベート ChatGPT/LLM Web アプリケーションのワンクリックの無料展開をサポートします。
Lobe テーマ- 安定した拡散 WebUI、絶妙なインターフェイス デザイン、高度にカスタマイズ可能な UI、効率向上機能のためのモダンなテーマ。
Lobe Vidol - Lobe Vidol でバーチャル アイドル作成の魔法を体験し、絶妙な UI デザインの優雅さを楽しみ、MMD ダンス サポートを使用して一緒に踊り、スムーズな会話を楽しみましょう。
Lobe UI - AIGC Web アプリを構築するためのオープンソース UI コンポーネント ライブラリ。
Lobe Icons - 人気の AI / LLM モデル ブランドの SVG ロゴとアイコンのコレクション。
ローブ チャート- recharts に基づいて構築された React の最新のチャート コンポーネント
Lobe TTS - サーバーおよびブラウザ用の高品質で信頼性の高い TTS/STT ライブラリ
Lobe i18n - i18n (国際化) 翻訳プロセスの自動化 AI ツール。
その他のリソース
著作権 © 2023 LobeHub.
このプロジェクトは MIT ライセンスを受けています。