DEV Community

Building Shopify themes with Tailwind CSS

Liam Hall on October 09, 2020

Shopify is one of the largest e-commerce platforms on the planet, with a massive 20% global market share of the top 1 million websites using eComme...

Read full post

dnirns • Oct 10 '20

Just a note in case anyone has the same issue, I had to run:

brew install shopify/shopify/themekit

In place of:

brew install theme kit

Liam Hall • Oct 10 '20

I’ll make a note of that in the post - Thank you 🤘

W L Bentley • Nov 23 '20

The correct command is brew install themekit, without the space. This works correctly.

dnirns • Oct 9 '20

Nice, have been looking into something like this for an upcoming project, some useful info in here.

I was wondering, do you know of any ways to use React for a shopify theme with their theme-kit? The documentation I’ve been going through so far hasn’t been that useful for what I’m hoping to do. Perhaps this will end up being an easier approach for me to take?

Liam Hall • Oct 9 '20

So I use Vue rather than React but I’m planning on doing a little walk through - It’ll be a similar process to this and you could definitely use the same approach for React. Once you’re working locally with Theme Kit you can treat it almost like any other project, just install React via npm and get a build tool like Webpack etc up. I think the Vue walk through I’m planning to do should be easily transferable to React.

dnirns • Oct 9 '20

Oh amazing, thanks. I’ll definitely keep an eye out for that, look forward to it! 🤘🏻

Banji • Oct 9 '20

Use some pics!

Liam Hall • Oct 9 '20

Hi Banji, which part of this would you find easier to follow with pictures?

Banji • Oct 9 '20

That would be your choice, But I suggest to use some pics in your posts!
Keep it up
Happy Coding Liam Hall

Dan Sack • Oct 10 '20

This is perfect! Simplest way I've seen to use tailwind. Thanks for the great guide!

Taylor Page • Nov 11 '20

Thanks for this! I have been getting back into Shopify after helping another dev with some theme tweaking and have really come to enjoy using TailwindCSS. Gonna have to take this for a spin.