# Blockstack UI
This is design system implementation using react, styled-components, and styled system for use within the blockstack organization and ecosystem.

## Prior work
Much of the base structure and typescript code of this package is taken from a beautifully written, open source UI library called [Chakra UI](https://github.com/chakra-ui/chakra-ui/).

- [styled-system](https://styled-system.com)
- [styled-components](https://www.styled-components.com)

### Patterns and further reading

- [jxnblk](https://twitter.com/jxnblk)
- [Patterns for Style Composition in React](https://jxnblk.com/blog/patterns-for-style-composition-in-react/)
- [The Three Tenets of Styled System](https://jxnblk.com/blog/the-three-tenets-of-styled-system/)
- [The Modern Front-End Design System Stack](https://jxnblk.com/blog/the-modern-front-end-design-system/)
- [Why you should definitely learn how to use CSS-in-JS](https://jxnblk.com/blog/why-you-should-learn-css-in-js/)
- [The Cascade is Not Inheritance](https://jxnblk.com/blog/the-cascade-is-not-inheritance/)
- [Themeability](https://jxnblk.com/blog/themeability/)
- [Portability](https://jxnblk.com/blog/portability/)
- [A Conceptual Look at Theming](https://jxnblk.com/blog/a-conceptual-look-at-theming/)