React MUI UI Library

Library-first UI kit built with React + Material UI, styled with a shadcn-like visual system. No Tailwind is used.

Scripts

• npm install
• npm run build
• npm run typecheck
• npm run storybook
• npm run build-storybook

Theme Overrides (Host App)

Use the provider with themeOverrides:

import { UiKitProvider } from './src/UiKitProvider'

<UiKitProvider
  themeOverrides={{
    palette: {
      primary: { main: '#0f766e' },
    },
    components: {
      MuiButton: {
        styleOverrides: {
          root: { borderRadius: 12 },
        },
      },
    },
  }}
>
  <App />
</UiKitProvider>

Or build a custom merged theme first:

import { ThemeProvider } from '@mui/material'
import { createUiKitTheme } from './src/theme'

const theme = createUiKitTheme({
  palette: { primary: { main: '#0f766e' } },
})

<ThemeProvider theme={theme}>
  <App />
</ThemeProvider>