Browse components

Getting Started

Requirements

  • React 19+
  • TypeScript 5+ (recommended)
  • Bun or Node package manager

Installation

bun add @shpaw415/mui-lite

Peer dependencies: react, react-dom.

Stylesheet

Import once at the app root:

import "@shpaw415/mui-lite/style.css";

Theme provider

Wrap your tree with ThemeProvider:

import { ThemeProvider, DefaultTheme } from "@shpaw415/mui-lite/theme";
 
export function App({ children }) {
  return (
    <ThemeProvider theme={DefaultTheme}>
      {children}
    </ThemeProvider>
  );
}

First component

import Button from "@shpaw415/mui-lite/Button";
 
<Button variant="contained" color="primary" onClick={() => alert("hi")}>
  Click me
</Button>

Package exports

PathPurpose
@shpaw415/mui-lite/<Name>Component deep import
@shpaw415/mui-lite/style.cssAll component CSS
@shpaw415/mui-lite/themeThemeProvider, hooks, tokens
@shpaw415/mui-lite/utilsShared hooks
@shpaw415/mui-lite/localeLocales

Next steps