connect/packages/ui

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.

• styled-system
• styled-components

Patterns and further reading

• jxnblk
• Patterns for Style Composition in React
• The Three Tenets of Styled System
• The Modern Front-End Design System Stack
• Why you should definitely learn how to use CSS-in-JS
• The Cascade is Not Inheritance
• Themeability
• Portability
• A Conceptual Look at Theming