@sublime-ui/library

The cross-platform design system for Sublime UI.

It is tokens-first: a single serializable SublimeTokens object drives both the web theme (Material UI) and the mobile theme (React Native Paper), and a shared set of components renders idiomatically on each platform.

import { SublimeProvider } from '@sublime-ui/library';
import { tokens } from './theme/tokens';

export function App() {
  return (
    <SublimeProvider tokens={tokens}>
      {/* navigation + screens */}
    </SublimeProvider>
  );
}

generateThemes turns your tokens into the per-platform theme objects, and useTokens() makes them available anywhere.

Install

npm install @sublime-ui/library

Web apps also need @mui/material + @emotion/{react,styled}; mobile apps need react-native-paper + react-native-safe-area-context (declared as optional peers).

Documentation

Core components and theming: https://sublime-ui.github.io/sublime-ui/components/overview

License

MIT