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';exportdefaultfunctionRootLayout({ children }){return(<htmllang="en"><body><FastThemeProviderbrand="fast_core">{children}</FastThemeProvider></body></html>);}import{FastButton}from'@fast-computing/fast-graphics/components';<FastButtonlabel="Click me"color="primary"animated/>import{Button}from'@mui/material';import{useTheme}from'@mui/material/styles';<Buttonvariant="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 |
| SmartTour | smarttour |
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>Automated tests can be executed locally on Storybook.