Using Emotion Styled Components with Tailwind

readme.md

Answer: If you're using emotion js and keen on using Tailwind then have a look at twin.macro

gistfile1.txt

Here it says, import tw from 'tailwind.macro'; but I think this is now import tw from 'twin.macro'; since the author later created https://github.com/ben-rogerson/twin.macro (presumably based on the musings here).

You got it :) I've replaced it with some updated info now.

Nice! FWIW, this gist was the second result when I googled, "emotion css tailwind", hoping to find a solution like twin.macro. For some reason, the twin.macro repo doesn't come up.

I wonder if it'd help to add "emotion" and "styled-components" into the product headline, like:

🦹‍♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion or styled-components) at build time.

That's interesting - I'll update the title with those keywords and see how it goes, thanks for the feedback.

You bet! Thanks for building twin, it looks really fantastic and I can't wait to use it. Combined with emotion, it really looks like a pretty ideal styling solution.