Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/atakantepe/tailwind-cheat-sheet
A user-friendly Tailwind CSS cheat sheet built with React and Vite.
https://github.com/atakantepe/tailwind-cheat-sheet
cheat-sheet frontend react tailwind-css tailwindcss vite web-development
Last synced: about 1 month ago
JSON representation
A user-friendly Tailwind CSS cheat sheet built with React and Vite.
- Host: GitHub
- URL: https://github.com/atakantepe/tailwind-cheat-sheet
- Owner: atakantepe
- Created: 2024-05-13T18:14:24.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2024-05-22T19:18:03.000Z (7 months ago)
- Last Synced: 2024-05-22T19:34:11.488Z (7 months ago)
- Topics: cheat-sheet, frontend, react, tailwind-css, tailwindcss, vite, web-development
- Language: TypeScript
- Homepage:
- Size: 3.1 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tailwind Cheat Sheet
Welcome to the Tailwind CSS Cheat Sheet! This project aims to provide a user-friendly Tailwind CSS cheat sheet using React and Vite.
### Version 0.1.0
You can view the live version at [atakantepe.com/tailwind-cheat-sheet](https://atakantepe.com/tailwind-cheat-sheet).
## Tailwind CSS Parser
This project utilizes the [Tailwind CSS Parser](https://github.com/atakantepe/tailwindcss-parser) that I built. The parser helps in extracting and organizing Tailwind CSS classes for easy reference.
## Getting Started
To run the project locally, follow these steps:
1. **Clone the repository**
```sh
git clone https://github.com/atakantepe/tailwind-cheat-sheet.git
cd tailwind-cheat-sheet
```
2. **Install dependencies**
```sh
npm install
```
3. **Run the development server**
```sh
npm run dev
```
Your development server should now be running at `http://localhost:3000`.
## Contributing
Contributions are welcome! Here’s how you can contribute:
1. **Fork the repository**: Click the "Fork" button at the top of this page.
2. **Clone your fork**:
```sh
git clone https://github.com/your-username/tailwind-cheat-sheet.git
cd tailwind-cheat-sheet
```
3. **Create a branch**:
```sh
git checkout -b feature/YourFeatureName
```
4. **Make your changes**: Implement your feature or fix.
5. **Commit your changes**:
```sh
git add .
git commit -m 'Add some feature'
```
6. **Push to the branch**:
```sh
git push origin feature/YourFeatureName
```
7. **Open a Pull Request**: Navigate to your fork on GitHub and click the "New Pull Request" button.
### Issues
If you encounter any issues or have suggestions for improvements, please open an issue on GitHub.