Design tokens + MUI theme factory + branded React components for FAST-Computing and Simplifica.
packages/ → fast-graphics core
tokens/ → design tokens (brand colors, fonts)
mui-theme/ → token conversion into MUI themes
components/ → custom components
playground/ → local testing via Vite
stories/ → Storybook docs showcase
npm install @fast/tokens @fast/mui-theme @fast/components \
@mui/material @emotion/react @emotion/styledimport { FastThemeProvider } from '@fast-computing/fast-graphics/components';
export default function RootLayout({ children }) {
return (
<html lang="en">
<body>
<FastThemeProvider brand="fast_core">
{children}
</FastThemeProvider>
</body>
</html>
);
}import { FastButton } from '@fast-computing/fast-graphics/components';
<FastButton label="Click me" color="primary" animated />import { Button } from '@mui/material';
import { useTheme } from '@mui/material/styles';
<Button variant="contained" color="primary">MUI works too</Button>| Brand | Name |
|---|---|
| FAST Computing Core | fast_core |
| FAST Computing Argos | fast_argos |
| FAST Computing Atlas | fast_atlas |
| Simplifica Core | simplifica_core |
| Simplifica Burlo | simplifica_burlo |
Full API documentation on fast-graphics's Storybook.
npm run dev # Vite playground (port 5173)
npm run storybook # Storybook (port 6006)
npm run build # build all packages
npm run build-storybook # static Storybook outputStorybook is auto-deployed to GitHub Pages on push to main.
- Major — core changes (affects all apps)
- Minor — new tokens or components
- Fix — localized fixes
Tag & push to publish to GitHub Packages:
git tag v<version>
git push origin v<version>