lobe ui

Доля пользовательского интерфейса

Lobe UI — это библиотека компонентов пользовательского интерфейса с открытым исходным кодом для создания веб-приложений AIGC.

Документы · Журнал изменений · Сообщить об ошибке · Запросить функцию

Оглавление

ТОС

• ? Установка

• Скомпилировать с помощью NextJS

• ? Использование

• ⌨️ Местное развитие

• ? Содействие

• ? Спонсор

• ? Ссылки

• Больше продуктов

• Ресурсы для дизайна

• Ресурсы для развития

Установка

Важный

Этот пакет предназначен только для ESM.

Чтобы установить Lobe UI, выполните следующую команду:

 $ булочка добавить @lobehub/ui

Скомпилировать с помощью NextJS

Примечание

Для правильной работы с SSR маршрутизатора страницы nextjs добавьте 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>
  </ThemeProvider>)

Местное развитие

Вы можете использовать Github Codespaces для онлайн-разработки:

Или клонируйте его для локальной разработки:

 $ git клон https://github.com/lobehub/lobe-ui.git
$ cd lobe-ui
установка $ булочки
$ булочка, начало

Содействие

Вклад всех типов более чем приветствуется. Если вы заинтересованы в написании кода, не стесняйтесь проверить наши проблемы GitHub, чтобы застрять и показать нам, из чего вы сделаны.

Спонсор

Каждая мелочь имеет значение, и ваше единоразовое пожертвование сияет в нашей галактике поддержки! Ты падающая звезда, быстро и ярко влияющая на наше путешествие. Спасибо за веру в нас – ваша щедрость ведет нас к нашей миссии, одна яркая вспышка за раз.

Ссылки

Больше продуктов

• Lobe Chat — расширяемая (вызов функций) высокопроизводительная платформа чат-ботов с открытым исходным кодом. Он поддерживает бесплатное развертывание вашего частного веб-приложения ChatGPT/LLM одним щелчком мыши.

• Lobe Theme — современная тема для стабильного распространения веб-интерфейса, изысканного дизайна интерфейса, настраиваемого пользовательского интерфейса и функций повышения эффективности.

• Lobe Vidol — испытайте волшебство создания виртуальных идолов с помощью Lobe Vidol, насладитесь элегантностью нашего изысканного дизайна пользовательского интерфейса, танцуйте вместе с помощью MMD Dance Support и участвуйте в плавных разговорах.

Ресурсы для дизайна

• Lobe UI — библиотека компонентов пользовательского интерфейса с открытым исходным кодом для создания веб-приложений AIGC.

• Lobe Icons — популярная модель AI / LLM бренда SVG, коллекция логотипов и значков.

• Lobe Charts — современные компоненты диаграмм React, созданные на основе recharts.

Ресурсы для развития

• Lobe TTS — высококачественная и надежная библиотека TTS/STT для сервера и браузера.

• Lobe i18n — инструмент автоматизации процесса перевода i18n (интернационализация).

Дополнительные ресурсы

---

Лицензия

Авторские права © 2023 LobeHub.
Этот проект имеет лицензию MIT.