Frontzen Design System provides React UI components based on MUI. Click HERE to see the storybooks.

📦 Install

npm install @front.zen/design-system

yarn add @front.zen/design-system

🔨 Usage

import { createTheme, ThemeProvider, Button } from '@front.zen/design-system';

const theme = createTheme();

const App = () => (
  <ThemeProvider theme={theme}>
    <Button type="primary">PRESS ME</Button>
  </ThemeProvider>
);

⌨️ Development

This repo is powered by TurboRepo. You can use TurboRepo commands to work with this repo.

To run all storybooks locally:

$ git clone [email protected]:frontzen/design-system.git
$ cd desing-system
$ yarn install
$ yarn storybook

You can also use chromatic for UI review. link

🤝 Contributing

We welcome contributions to Frontzen design system! Development of design system happens in the open on GitHub, and we are grateful to the community for contributing bugfixes and improvements.

📥 Pull requests and 🌟 Stars are always welcome.