SHIP IT FASTER

The average enterprise on Netlify ships 140 times per week. Where does your team rank?

ContactSign Up
Official Plugin
View plugin on GitHub

Gatsby

The Gatsby Theme UI Preset

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 theme to, you can manually configure it.

  1. Install the theme
npm install gatsby-theme-ui-preset
  1. Add the configuration to your gatsby-config.js file
module.exports = {
  plugins: [
    {
      resolve: `gatsby-plugin-theme-ui`,
      options: {
        preset: `gatsby-theme-ui-preset`,
      },
    },
  ],
}
© 2023 Gatsby, Inc.