https://github.com/angelmtztrc/cra-template-tailwindcss-styled

A template for creating a react project with tailwindcss and twin.macro already configured, for using the power of tailwindcss and css-in-js.
https://github.com/angelmtztrc/cra-template-tailwindcss-styled

cra-template create-react-app reactjs styled-components tailwindcss twin-macro

Last synced: 15 days ago
JSON representation

A template for creating a react project with tailwindcss and twin.macro already configured, for using the power of tailwindcss and css-in-js.

• Host: GitHub
• URL: https://github.com/angelmtztrc/cra-template-tailwindcss-styled
• Owner: angelmtztrc
• License: mit
• Created: 2020-07-20T00:15:55.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2020-12-21T23:06:52.000Z (about 4 years ago)
• Last Synced: 2024-01-29T18:14:04.066Z (11 months ago)
• Topics: cra-template, create-react-app, reactjs, styled-components, tailwindcss, twin-macro
• Language: JavaScript
• Homepage:
• Size: 46.9 KB
• Stars: 6
• Watchers: 0
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# cra-template-tailwindcss-styled

[![npm version](https://badge.fury.io/js/cra-template-tailwindcss-styled.svg)](https://badge.fury.io/js/cra-template-tailwindcss-styled)

This is the Tailwind CSS and styled-components template for Create React App.

## Setting Up

To use this template, add `--template tailwindcss-styled` when you're creating a new app.

Example:

```bash

npx create-react-app my-app --template tailwindcss-styled

# or

yarn create react-app my-app --template tailwindcss-styled

```

## More Examples

If you need more examples for use Tailwind CSS with styled-components, you can see this two pages:

- [twin.macro](https://www.npmjs.com/package/twin.macro)

- [ReactJS - Tailwind CSS with CSS-IN-JS](https://angelcodes.hashnode.dev/reactjs-tailwind-css-with-css-in-js)

## Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Please make sure to update tests as appropriate.