Skip to content
Theme UI
GitHub

Guides

  • How it Works Implementation details for the core library
  • JSX Pragma Using JSX pragma to enable the sx prop
  • Motivation Project background and prior art
  • Object Styles Authoring styles with object literal syntax
  • Variants Create stylistic theme-based variations
  • Layouts Creating themeable page layouts
  • Styled Components Create reusable styled components
  • MDX Layout Components Use Theme UI to create MDX layouts
  • Responsive Typography Style content responsively
  • Nested ThemeProviders Add contextual theme and stylistic changes
  • Custom CacheProvider Customise the styles generated and where they are injected
  • Syntax Highlighting Add syntax highlighting to MDX code blocks
  • Theme Color Meta Tag Use theme colors for the theme color meta tag
  • Color Mode Toggles Create buttons to switch color modes
  • Global Styles Add global styles with Emotion
  • Linked Headings Add linked headings in MDX
  • Using Theme UI without MDX Use the core package to avoid unnecessary bloat
  • Merging Themes Merging theme objects together with JavaScript
  • TypeScript Using Theme UI with TypeScript
Edit the page on GitHub
Previous:
@theme-ui/tailwind
Next:
How it Works