https://github.com/badatt/tidy-ui

Tidy UI is a family of micro components primarily focused on building rich UI/UX, powered by styled-components, features include css-in-js, theming, mobile-first, etc
https://github.com/badatt/tidy-ui

css-in-js react storybook styled-component ui

Last synced: 3 months ago
JSON representation

Tidy UI is a family of micro components primarily focused on building rich UI/UX, powered by styled-components, features include css-in-js, theming, mobile-first, etc

• Host: GitHub
• URL: https://github.com/badatt/tidy-ui
• Owner: badatt
• License: mit
• Created: 2021-10-16T16:44:27.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-09-09T09:50:43.000Z (over 1 year ago)
• Last Synced: 2024-10-28T09:55:53.818Z (3 months ago)
• Topics: css-in-js, react, storybook, styled-component, ui
• Language: TypeScript
• Homepage: https://beta.tidy-ui.com
• Size: 12.2 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

        


  





  

    

  





  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  

  

    

  



## Project Description

Tidy UI is a family of components necessary for your react application. The components are powered styled-components, features include css-in-js, theming etc

## Build with

- react

- styled-components

- rollup

- lerna

## Getting started

Here is a sample root level component that should enclose all tidy-ui components

```typescript

import React from 'react';

import { TidyUiProvider, orchidLight, ... } from '@tidy-ui/commons';

function App() {

  return ...;

}

export default App;

```

Include required components with in the place holder `...`

### Storybook



Visit the storybook and start using components in your app.

## Packages and groups



  

    Presentation

  

   

  

    Layout

  

   

  

    Form

  

   

  

    Navigation

  

   

  

    Feedback

  

  


  

    Commons

  

   

  

    Types

  



---