Gatsby Recipe Emotion Twin

🦹‍♂️ Twin lets you style with Tailwind classes in jsx.

Twin works best with css-in-js libraries like 👩‍🎤 emotion and 💅 styled-components.

Minimum requirements

Create a new Gatsby project based on the Gatsby starter:

gatsby new gatsby-emotion-twin https://github.com/gatsbyjs/gatsby-starter-hello-world
# then
cd gatsby-emotion-twin

Start the Gatsby recipe:

gatsby recipes https://raw.githubusercontent.com/ben-rogerson/gatsby-recipe-emotion-twin/master/main.mdx

Start your development server

npm run start
# or
yarn start

Then view the demo at /twin-emotion-example