🦹♂️ Twin lets you style with Tailwind classes in jsx.
Twin works best with css-in-js libraries like 👩🎤 emotion and 💅 styled-components.
- Node version 12 +
- Gatsby version 2.20.23 +
Create a new Gatsby project based on the Gatsby starter:
gatsby new gatsby-styled-components-twin https://github.com/gatsbyjs/gatsby-starter-hello-world
# then
cd gatsby-styled-components-twinStart the Gatsby recipe:
gatsby recipes https://raw.githubusercontent.com/ben-rogerson/gatsby-recipe-styled-components-twin/master/main.mdxStart your development server
npm run start
# or
yarn startThen view the demo at /twin-sc-example
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent