@theme-ui/preset-polaris

Theme UI includes @theme-ui/preset-polaris which can be used as an example or starting point for extending your own themes. @theme-ui/preset-polaris is based on the Shopify design system, Polaris.

npm i @theme-ui/preset-polaris

// example theme
import theme from '@theme-ui/preset-polaris'

export default {
  ...theme,
  styles: {
    ...theme,
  },
}

See all built-in presets

Contributing

We'd love to have more presets added to the Theme UI project. If you'd like to add a new preset or improve upon the existing ones, please open an issue or pull request.