gatsby-starter-tailwind2-emotion-styled-components

Source
3
Updated Jan 6, 2020
Screenshot of gatsby-starter-tailwind2-emotion-styled-components
Install this starter locally:
npx gatsby new gatsby-starter-tailwind2-emotion-styled-components https://github.com/chrish-d/gatsby-starter-tailwind2-emotion-styled-components

Tags

CSS-in-JS, Tailwind

Description

A (reasonably) unopinionated Gatsby starter, including; Tailwind 2 and Emotion. Use Tailwind utilities with Emotion powered CSS-in-JS to produce component scoped CSS (no need for utilities like Purge CSS, etc).

Features

  • Utility-first CSS using Tailwind 2.
  • CSS scoped within components (no "bleeding").
  • Only compiles the CSS you use (no need to use PurgeCSS/similar).
  • Automatically gives you Critical CSS with inline stlyes.
  • Hybrid of PostCSS and CSS-in-JS to give you Tailwind base styles.

Dependencies