https://github.com/muhajirdev/react-tailwind-emotion-starter
React + Tailwind + Emotion
https://github.com/muhajirdev/react-tailwind-emotion-starter
react react-starter reactjs tailwindcss
Last synced: 9 months ago
JSON representation
React + Tailwind + Emotion
- Host: GitHub
- URL: https://github.com/muhajirdev/react-tailwind-emotion-starter
- Owner: muhajirdev
- Created: 2018-10-04T13:19:29.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2023-12-16T11:11:55.000Z (over 2 years ago)
- Last Synced: 2025-07-01T22:50:36.269Z (12 months ago)
- Topics: react, react-starter, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://react-tailwind-emotion.netlify.com/
- Size: 3.87 MB
- Stars: 27
- Watchers: 2
- Forks: 2
- Open Issues: 20
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Tailwind Emotion Starter
This project is based on [create-react-app](https://github.com/facebook/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](https://github.com/bradlc/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
- [Create React App](https://github.com/facebook/create-react-app)
## Contributing
- Got a question? [Submit an issue](https://github.com/muhajirframe/react-tailwind-emotion-starter/issues/new)
- Make a pull request
## 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!**