{"meta":{"name":"FindSoftware","page":"https://findsoftware.frbit.cloud/theme-ui/","markdown":"https://findsoftware.frbit.cloud/theme-ui.md","license":"https://creativecommons.org/licenses/by/4.0/","attribution":"FindSoftware, CC BY 4.0","note":"Attributes are recorded, never scored. An absent field means unknown, never zero and never bad."},"record":{"id":"theme-ui","name":"Theme UI","urls":{"home":"https://theme-ui.com","repository":"https://github.com/system-ui/theme-ui","docs":"https://theme-ui.com/getting-started"},"category":["ui-library","css-framework"],"description":"Library for building themeable user interfaces from a theme object, with an sx prop for theme-aware styles.","maintainer":"Brent Jackson","firstRelease":2019,"hosting":null,"language":"javascript","runtimeMin":null,"basedOn":["emotion","react"],"contentStore":null,"databases":null,"adminUi":null,"headlessApi":null,"templating":null,"i18n":null,"renderingModes":null,"installMethod":"npm","licenseModel":"open-source","license":"MIT","currentMajor":"0","latestReleaseDate":"2026-01-02T00:00:00.000Z","githubStargazers":5409,"contributors":133,"packagistDownloads":null,"npmWeeklyDownloads":80711,"dependentRepos":17191,"dependentPackages":1013,"social":{"discord":"https://discord.gg/theme-ui"},"checkedAt":"2026-10-28T00:00:00.000Z","addedAt":"2026-10-28T00:00:00.000Z","sources":[{"field":"urls","url":"https://theme-ui.com/","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"urls","url":"https://api.github.com/repos/system-ui/theme-ui","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"urls","url":"https://theme-ui.com/getting-started","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"firstRelease","url":"https://registry.npmjs.org/theme-ui","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"maintainer","url":"https://github.com/system-ui/theme-ui/blob/stable/LICENSE.md","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"language","url":"https://api.github.com/repos/system-ui/theme-ui","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"category","url":"https://theme-ui.com/components","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"category","url":"https://github.com/system-ui/theme-ui/blob/develop/packages/theme-ui/README.md","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"basedOn","url":"https://github.com/system-ui/theme-ui/blob/develop/packages/theme-ui/README.md","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"basedOn","url":"https://api.github.com/repos/system-ui/theme-ui","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"installMethod","url":"https://theme-ui.com/getting-started","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"license","url":"https://api.github.com/repos/system-ui/theme-ui","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"licenseModel","url":"https://api.github.com/repos/system-ui/theme-ui","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"currentMajor","url":"https://github.com/system-ui/theme-ui/releases/tag/v0.17.4","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"latestReleaseDate","url":"https://github.com/system-ui/theme-ui/releases/tag/v0.17.4","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"githubStargazers","url":"https://api.github.com/repos/system-ui/theme-ui","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"contributors","url":"https://api.github.com/repos/system-ui/theme-ui/contributors","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"npmWeeklyDownloads","url":"https://api.npmjs.org/downloads/range/2026-09-28:2026-10-04/theme-ui","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"dependentPackages","url":"https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/theme-ui","checkedAt":"2026-10-28T00:00:00.000Z"},{"field":"dependentRepos","url":"https://packages.ecosyste.ms/api/v1/registries/npmjs.org/packages/theme-ui","checkedAt":"2026-10-28T00:00:00.000Z"}],"status":"active","ai":"authored"},"prose":"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.\n\n## Worth knowing\n\nThe 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."}