Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

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.