# gatsby-theme-ui-preset

> A preset for Theme UI styles used in Gatsby projects

Latest version **3.0.0** (published 2021-12-03) · MIT license · 0 weekly downloads

## Install

```sh
npm install gatsby-theme-ui-preset
pnpm add gatsby-theme-ui-preset
yarn add gatsby-theme-ui-preset
bun add gatsby-theme-ui-preset
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 3.0.0 |
| Published | 2021-12-03 |
| First published | 2020-05-04 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >=14.15.0 |
| Dependencies | 0 |
| Unpacked size | 11.6 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | dschau, kylemathews, pieh, sidharthachatterjee, wardpeet, tylerbarnes, fk, smthomas, lekoarts, rachelbahl, daniellewgatsby, veryspry, abhiaiyer, johno, laurieontech |
| Keywords | gatsby, gatsby-plugin, react |

## Links

- npm: https://www.npmjs.com/package/gatsby-theme-ui-preset
- Repository: https://github.com/gatsbyjs/themes
- Homepage: https://github.com/gatsbyjs/themes/tree/master/packages/gatsby-theme-ui-preset#readme
- Issues: https://github.com/gatsbyjs/themes/issues
- npm.io page: https://npm.io/package/gatsby-theme-ui-preset

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 3.0.0 (latest) — 2021-12-03
- 1.0.6-gatsby-v3.22 (gatsby-v3) — 2021-04-19
- 0.0.67-ipc-develop.23 (ipc-develop) — 2020-08-04
- 0.0.76-static-query-template.8 (static-query-template) — 2020-07-06
- 0.0.75-oom-exit-code.13 (oom-exit-code) — 2020-07-05
- 0.0.69-finish-plugin-activities.15 (finish-plugin-activities) — 2020-07-03
- 0.0.68-unifiedroutes.15981 (unifiedroutes) — 2020-07-01
- 0.0.67-corejs3.34 (corejs3) — 2020-07-01
- 1.0.0-canary.809 (blog-2.0) — 2020-06-22
- 0.0.56-admin-pkg.4 (admin-pkg) — 2020-06-13
- 0.0.47-distributed-html.12 (distributed-html) — 2020-06-11
- 0.0.58-query-webpack-modules.12 (query-webpack-modules) — 2020-06-10
- 0.0.47-polyfills.11 (polyfills) — 2020-06-05
- 0.0.42-no-pollyfils.22 (no-polyfills) — 2020-05-26
- 0.0.21-state-machine.15254 (state-machine) — 2020-05-20
- … 124 more at https://npm.io/package/gatsby-theme-ui-preset/versions

## README

<p align="center">
  <a href="https://www.gatsbyjs.com">
    <img alt="Gatsby" src="https://www.gatsbyjs.com/Gatsby-Monogram.svg" width="60" />
  </a>
</p>
<h1 align="center">
  The Gatsby Theme UI Preset 
</h1>

A Theme UI preset that contains the configuration used in other official Gatsby themes, e.g. `gatsby-theme-blog`. Styled with Gatsby's brand colors.

## Installation

### For an existing site

If you already have a site you'd like to add the [Theme UI](https://theme-ui.com/) theme to, you can manually configure it.

1. Install the theme

```shell
npm install gatsby-theme-ui-preset
```

2. Add the configuration to your `gatsby-config.js` file

```js
module.exports = {
  plugins: [
    {
      resolve: `gatsby-plugin-theme-ui`,
      options: {
        preset: `gatsby-theme-ui-preset`,
      },
    },
  ],
}
```

---
_Source: https://npm.io/package/gatsby-theme-ui-preset · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._