Lobe UI는 AIGC 웹 앱 구축을 위한 오픈 소스 UI 구성 요소 라이브러리입니다.
문서 · 변경 내역 · 버그 신고 · 기능 요청
? 설치
NextJS로 컴파일
? 용법
⌨️ 지역 개발
? 기여
? 스폰서
? 모래밭
더 많은 제품
디자인 리소스
개발 리소스
중요한
이 패키지는 ESM 전용입니다.
Lobe UI를 설치하려면 다음 명령을 실행합니다.
$ 롤빵 추가 @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>Hello AIGC</Button> </테마공급자>)
온라인 개발을 위해 Github Codespaces를 사용할 수 있습니다.
또는 로컬 개발을 위해 복제합니다.
$ 자식 클론 https://github.com/lobehub/lobe-ui.git $ CD 로브-UI $ 롤빵 설치 $ 롤빵 시작
모든 유형의 기여를 환영합니다. 코드 기여에 관심이 있다면 언제든지 GitHub 문제를 확인하여 자신이 어떤 사람인지 보여주세요.
모든 작은 부분이 중요하며 귀하의 일회성 기부가 우리의 지원 은하계에서 반짝입니다! 당신은 우리의 여정에 신속하고 밝은 영향을 미치는 별똥별입니다. 우리를 믿어주셔서 감사합니다. 여러분의 관대함이 우리를 우리의 사명을 향해 한 번에 하나의 빛나는 섬광으로 인도합니다.
Lobe Chat - 확장 가능한 오픈 소스(함수 호출) 고성능 챗봇 프레임워크입니다. 개인 ChatGPT/LLM 웹 애플리케이션의 원클릭 무료 배포를 지원합니다.
Lobe 테마 - 안정적인 확산 webUI, 정교한 인터페이스 디자인, 고도로 사용자 정의 가능한 UI 및 효율성 향상 기능을 갖춘 현대적인 테마입니다.
Lobe Vidol - Lobe Vidol로 가상 아이돌 생성의 마법을 경험하고, 절묘한 UI 디자인의 우아함을 즐기고, MMD 댄스 지원을 사용하여 춤을 추고, 부드러운 대화에 참여하세요.
Lobe UI - AIGC 웹 앱 구축을 위한 오픈 소스 UI 구성 요소 라이브러리입니다.
로브 아이콘 - 인기 있는 AI/LLM 모델 브랜드 SVG 로고 및 아이콘 컬렉션입니다.
로브 차트(Lobe Charts) - 다시 차트를 기반으로 구축된 최신 차트 구성 요소에 반응합니다.
Lobe TTS - 서버 및 브라우저를 위한 고품질의 안정적인 TTS/STT 라이브러리
Lobe i18n - i18n(국제화) 번역 프로세스를 위한 자동화 AI 도구입니다.
추가 리소스
저작권 © 2023 로브허브.
이 프로젝트는 MIT 라이선스를 받았습니다.