AI 웹앱 개발을 위한 오픈소스 React UI 컴포넌트 라이브러리

bun add @lobehub/ui

const nextConfig = {
  transpilePackages: ['@lobehub/ui'],
};

import { ThemeProvider, Button } from '@lobehub/ui';

export default () => (
  <ThemeProvider>
    <Button>Hello AIGC</Button>
  </ThemeProvider>
);

import { I18nProvider } from '@lobehub/ui';
import formMessages from '@lobehub/ui/i18n/resources/form';
import hotkeyMessages from '@lobehub/ui/i18n/resources/hotkey';

<I18nProvider resources={[formMessages, hotkeyMessages]}>
  <App />
</I18nProvider>;

import { ConfigProvider } from '@lobehub/ui';
import { motion } from 'motion/react';

export default () => (
  <ConfigProvider motion={motion}>
    <App />
  </ConfigProvider>
);

git clone https://github.com/lobehub/lobe-ui.git
cd lobe-ui
bun install
bun start