PERFORMANCE

Real World Performance: lazy loading, optimizing media, faster analytics join us Wednesday

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
© 2023 Gatsby, Inc.