Scheme UI

Hero banner image

Description

scheme-ui is a low-level component library that lets you easily set up components that can be light or dark color scheme (or any other scheme modes). It's a wrapper on top of RebassJS, which is another wrapper on top of Styled Components, and also uses the theming conventions of styled-system. The main component that controls the schemes is SchemeProvider, which controls the current color scheme. It also exports a useColors hook that exposes the current scheme colors.

Stack

  • React

Libraries

  • RebassJS

  • Styled Components

Made with 🥒 by T. 2024