Theme UI
Library for building themeable user interfaces from a theme object, with an sx prop for theme-aware styles.
Theme UI is a library for building themeable React interfaces whose colors, typography and layout come from one theme object. A project installs it with npm together with @emotion/react, wraps the application in a ThemeUIProvider that receives the theme, and styles elements with the sx prop, which takes its values from the theme. The library also ships built-in layout, grid, form and button components, and it is built with Emotion for scoped styles. The documentation is at theme-ui.com.
Worth knowing
The README calls Theme UI the next evolution of Styled System. The sx prop is enabled in a file by a JSX import source comment, or for a project by a setting in the Babel config.
Identity
Rendering and deploy
- Install with
- npm3
Releases
Adoption
Sources
- 2026-10-28: links
theme-ui.com/ - 2026-10-28: links, Written in, Built on, License, License model, GitHub stars
api.github.com/repos/system-ui/theme-ui - 2026-10-28: links, Install with
theme-ui.com/getting-started - 2026-10-28: First release
registry.npmjs.org/theme-ui - 2026-10-28: Maintainer
github.com/system-ui/theme-ui/blob/stable/LICENSE.md - 2026-10-28: Categories
theme-ui.com/components - 2026-10-28: Categories, Built on
github.com/system-ui/theme-ui/blob/develop/packages/theme-ui/README.md - 2026-10-28: Current major version, Last release
github.com/system-ui/theme-ui/releases/tag/v0.17.4 - 2026-10-28: Contributors
api.github.com/repos/system-ui/theme-ui/contributors - 2026-10-28: npm downloads a week
api.npmjs.org/downloads/range/2026-09-28:2026-10-04/theme-ui - 2026-10-28: Dependent packages, Dependent repositories
packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/theme-ui