# Theme UI

Library for building themeable user interfaces from a theme object, with an sx prop for theme-aware styles.


Source: https://findsoftware.frbit.cloud/theme-ui/
Last reviewed: 2026-10-28
Listed since: 2026-10-28

## Record

### Links

- home: https://theme-ui.com
- repository: https://github.com/system-ui/theme-ui
- docs: https://theme-ui.com/getting-started
- discord: https://discord.gg/theme-ui

### Identity

- status: active
- maintainer: Brent Jackson
- maintainerType: unknown
- parent: unknown
- firstRelease: 2019
- hqCountry: unknown

### Kind

- category: ui-library, css-framework
- hosting: not applicable
- language: javascript
- runtime: unknown
- runtimeMin: not applicable
- basedOn: emotion, react

### Content

- contentStore: not applicable
- databases: not applicable
- adminUi: not applicable
- headlessApi: not applicable
- templating: not applicable
- i18n: not applicable

### Rendering and deploy

- runsAs: unknown
- renderingModes: not applicable
- installMethod: npm

### License

- licenseModel: open-source
- license: MIT

### Releases

- currentMajor: 0
- latestReleaseDate: 2026-01-02

### Adoption

- githubStargazers: 5409
- packagistDownloads: not applicable
- npmWeeklyDownloads: 80711
- contributors: 133
- pluginCount: unknown
- packagistMonthlyDownloads: unknown
- ecosystemsMonthlyDownloads: unknown
- httpArchiveSites: unknown
- wordpressActiveInstalls: unknown
- dependentRepos: 17191
- dependentPackages: 1013

### Sources

- urls: https://theme-ui.com/ (read 2026-10-28)
- urls: https://api.github.com/repos/system-ui/theme-ui (read 2026-10-28)
- urls: https://theme-ui.com/getting-started (read 2026-10-28)
- firstRelease: https://registry.npmjs.org/theme-ui (read 2026-10-28)
- maintainer: https://github.com/system-ui/theme-ui/blob/stable/LICENSE.md (read 2026-10-28)
- language: https://api.github.com/repos/system-ui/theme-ui (read 2026-10-28)
- category: https://theme-ui.com/components (read 2026-10-28)
- category: https://github.com/system-ui/theme-ui/blob/develop/packages/theme-ui/README.md (read 2026-10-28)
- basedOn: https://github.com/system-ui/theme-ui/blob/develop/packages/theme-ui/README.md (read 2026-10-28)
- basedOn: https://api.github.com/repos/system-ui/theme-ui (read 2026-10-28)
- installMethod: https://theme-ui.com/getting-started (read 2026-10-28)
- license: https://api.github.com/repos/system-ui/theme-ui (read 2026-10-28)
- licenseModel: https://api.github.com/repos/system-ui/theme-ui (read 2026-10-28)
- currentMajor: https://github.com/system-ui/theme-ui/releases/tag/v0.17.4 (read 2026-10-28)
- latestReleaseDate: https://github.com/system-ui/theme-ui/releases/tag/v0.17.4 (read 2026-10-28)
- githubStargazers: https://api.github.com/repos/system-ui/theme-ui (read 2026-10-28)
- contributors: https://api.github.com/repos/system-ui/theme-ui/contributors (read 2026-10-28)
- npmWeeklyDownloads: https://api.npmjs.org/downloads/range/2026-09-28:2026-10-04/theme-ui (read 2026-10-28)
- dependentPackages: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/theme-ui (read 2026-10-28)
- dependentRepos: https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/theme-ui (read 2026-10-28)

## Notes

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.

---

Data licensed CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Attributes are recorded, never scored; absent means unknown.
Credit, in full: FindSoftware, CC BY 4.0