Skip to content
Theme UI
GitHub

@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:

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.

Edit the page on GitHub
Previous:
@theme-ui/global
Next:
@theme-ui/prism