Releases378
Frequency6 days 16 hours
Last Release
Stars5.4K
Build consistent, themeable React apps based on constraint-based design principles

Linked projects

Theme UI includes `@theme-ui/preset-base` which can be used as an example or starting point for extending your own themes.
The Design Graph Framework
Gatsby plugin for adding Theme UI context
**Note:** This package is a hack to fix export order produced by microbundle. Use the main `theme-ui` package or `@theme-ui/core` instead.
Adds support for user-controlled color modes
Primitive layout, typographic, and other components for use with Theme UI.
[![Minified Size on Bundlephobia](https://badgen.net/bundlephobia/minzip/@theme-ui/core)](https://bundlephobia.com/package/@theme-ui/core)
[![Minified Size on Bundlephobia](https://badgen.net/bundlephobia/minzip/@theme-ui/css)](https://bundlephobia.com/package/@theme-ui/css)
[MDX](https://mdxjs.com) utilities for [Theme UI](https://theme-ui.com)
Utilities for integrating Typography.js themes with Theme UI
Internal package — You don't want to consume this directly.
Theme UI includes `@theme-ui/preset-tailwind` which can be used as an example or starting point for extending your own themes.