react-tailwind-emotion-starter icon indicating copy to clipboard operation
react-tailwind-emotion-starter copied to clipboard

React + Tailwind + Emotion

React Tailwind Emotion Starter

This project is based on create-react-app.

Usage

git clone https://github.com/muhajirframe/react-tailwind-emotion-starter
cd react-tailwidn-emotion-starter

Development

npm start

Build

npm run build

How it was made?

  • It uses babel-plugin-tailwind-components
  • Add globals to eslint. So we can use tw globally.
  • tailwind configuration is located in src/tailwind.js. Because create-react-app doesn't support importing file from outside src

For more information

Contributing

Related

  • (vscode-tailwind-styled-snippets)[https://github.com/muhajirframe/vscode-tailwind-styled-snippets]. If you're a Visual Studio Code. This plugin will definitely help. It was build with babel-plugin-tailwind-component + react-emotion/styled-components in mind

Enjoy!