Description: ⬢ Style props for rapid UI development. Contribute to styled-system/styled-system development by creating an account on GitHub.
To use Styled System, install a CSS-in-JS library such as Styled Components or Emotion .
< Box color = " #fff " bg = " tomato " > Tomato </ Box > So far, this component can be styled with any valid CSS color. To create a more consistent UI, create a theme module with a colors object.
< Box color = " black " bg = " blue " > Blue Box </ Box > Styled System will attempt to find a value based on keys in the theme and fallback to the raw value if it's not defined in the theme.
NativeBase: Universal Components for React & React Native
GitHub - rebassjs/rebass: :atom_symbol: React primitive UI components built with styled-system.
GitHub - system-ui/theme-specification: A specification for defining theme objects & design tokens for use with UI components
Design System Boilerplate - Next.js Example
Home | CCSS