Theme UI includes an optional presets package that can be used as examples or as a starting point for extending your own themes.
npm install @theme-ui/presetsTheme UI includes an optional presets package that can be used as examples or as a starting point for extending your own themes.
``sh`
npm i @theme-ui/presets
`jsx
// 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][].
[demo]: https://theme-ui.com/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
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][].
[issue]: https://github.com/system-ui/theme-ui/issues
[pull request]: https://github.com/system-ui/theme-ui/pulls