LobeChatLobeHub
UI

LobeHub UI Kit

Lobe UI is an open-source UI component library
for building AIGC web apps

Start building your AIGC app now

$ bun add @lobehub/ui

The Lobe UI components are developed based on Antd components, fully compatible with Antd components,
and it is recommended to use antd-style as the default css-in-js styling solution.

tsx
import { ThemeProvider, GradientButton } from '@lobehub/ui'

export default () => (
  <ThemeProvider>
    <GradientButton>Hello AIGC</GradientButton>
  </ThemeProvider>
)

Themeable

Provides a simple way to customize default themes, you can change the colors, fonts, breakpoints and everything you need.

Fast

voids unnecessary styles props at runtime, making it more performant than other UI libraries.

Light & Dark UI

Automatic dark mode recognition, NextUI automatically changes the theme when detects HTML theme prop changes.