Skip to content
Theme UI


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 {
styles: {

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

Currently, the following presets are available for use:


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