PERFORMANCE

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

SupportLog In

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.
Accessibility StatementBrand Guidelines
Terms of UsePrivacy Policy