New Launch

Take a deep dive into the fastest Gatsby, yet: Gatsby 5!

Styling

Gatsby supports multiple styling approaches — standard CSS, preprocessors like Sass, CSS-in-JS solutions like Emotion, or approaches like Tailwind

 Main Guides 3

Built-in CSS Support

Gatsby has rich built-in support for standard CSS tools and can be easily extended through plugins.

Local fonts

How to load local font files into your site.

Web fonts

How to load fonts from Google Fonts and Typekit.

 Additional Guides 11

  • Standard CSS
  • CSS modules
  • CSS-in-JS
  • Sass
  • Tailwind CSS
  • Emotion
  • Using Styled Components
  • Using PostCSS
  • Using Bulma
  • Using Theme UI
  • Additional CSS Frameworks
© 2022 Gatsby, Inc.