system-ui/theme-ui

Health v2 · maintenance only

Adoption not part of the score

5397 stars · 659 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded

Theme UI is a React library for building themeable user interfaces based on constraint-based design principles. It provides an sx prop and theme object so styles reference design tokens for color, typography, and layout consistently across apps and design systems.

Use cases

• build a design system in react
• theme react components with design tokens
• add consistent styling with an sx prop
• implement dark mode / color modes in react
• style gatsby sites with mdx
• create a custom component library with consistent typography and colors

When to choose

• you want constraint-based, token-driven styling in React
• you need built-in theming and color mode switching
• you use Gatsby or MDX and want integrated styling
• you prefer CSS-in-JS with Emotion

When to avoid

• you use a framework other than React
• you want utility-class CSS like Tailwind instead of CSS-in-JS
• you need zero runtime styles or server-only CSS extraction
• your team prefers plain CSS or CSS Modules

Facets

library · maturity active

ui-components css-framework theme frontend-framework web-development frontend web-design developer-tools cross-platform design-system design-tokens react emotion mdx sx-prop color-modes theming nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="system-ui/theme-ui")