It's a simple and faster React UI

sagu-ui is available as an npm package.

To install it, run:

  //with npm
  npm install sagu-ui

  //with yarn
  yarn add sagu-ui

Here is a quick example to get you started, it's all you need:

import React from 'react'
import { theme, SaguGlobalStyles, SaguProvider, Button } from 'sagu-ui'

function App() {
  return (
    <SaguProvider theme={theme}>
      <SaguGlobalStyles />
      <Button>Click me</Button>
    </SaguProvider>
  )
}

export default App

• TypeScript
• Styled Components
• Storybook
• Eslint
• Prettier

• build: build the files in the lib directory
• storybook: run the storybook at the address localhost:6006
• prettier:check: check formatting on all src directory
• prettier:format: formats all src directory

/.storybook
/lib
/src
├── index.ts
├── animations
|   ├── placeholder.ts
├── packages
|   ├── index.ts
|   ├── Button
|   |   ├── index.tsx
|   |   ├── stories.tsx
|   |   └── styles.ts
├── styles
|   ├── global.ts
|   ├── theme.ts
|   ├── provider.ts

This project is licensed under the MIT License.