Skip to main content
 All Starters

gatsby-starter-tailwind2-emotion-styled-components

1
Updated Jan 6, 2020
By chrish-d
Visit demo
Source
Try this starterNetlify 
Install this starter locally:
gatsby new gatsby-starter-tailwind2-emotion-styled-components https://github.com/chrish-d/gatsby-starter-tailwind2-emotion-styled-components

Tags

Styling:CSS-in-JS, Styling: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

Docs
Tutorials
Plugins
Blog
Showcase