@theme-ui/presets

Theme UI includes an optional presets package that can be used as examples or as a starting point for extending your own themes.

npm i @theme-ui/presets

// example theme
import { funk } from '@theme-ui/presets'
export default {
  ...funk,
  styles: {
    ...funk.styles,
  },
}

To view an example of the built-in presets, see the Demo.

Currently, the following presets are available for use:

• base
• system
• funk
• future
• roboto
• dark
• deep
• swiss
• tosh
• bootstrap
• bulma (WIP)
• tailwind
• sketchy, Demo website

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.