https://github.com/leonardogrig/tailmoji

https://github.com/leonardogrig/tailmoji

Last synced: 6 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/leonardogrig/tailmoji
• Owner: leonardogrig
• License: mit
• Created: 2023-12-23T05:09:39.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-01T21:00:34.000Z (about 1 year ago)
• Last Synced: 2024-11-08T05:40:43.660Z (about 2 months ago)
• Language: TypeScript
• Size: 11.6 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Tailmoji

Tailmoji is a Visual Studio Code extension that brings a fun twist to coding with Tailwind CSS. It replaces the usual Tailwind CSS class names with intuitive emojis, making your coding environment more colorful and engaging.

## Features

- **Emoji Decorations:** Enjoy a unique visual representation of Tailwind CSS classes with emojis.

- **Toggle On/Off:** Easily activate or deactivate emoji decorations to suit your coding style.

## Getting Started

1. **Install Tailmoji** from the Visual Studio Marketplace.

2. **Activate** the extension by using the command palette (`Ctrl+Shift+P` or `Cmd+Shift+P` on macOS) and typing `Tailmoji: Toggle Emojis`. This will enable emoji decorations in your code.

3. **Deactivate** the extension at any time by running the same command.

## Usage

Once the extension is activated, your Tailwind CSS class names will be visually represented by emojis. For example, the class `.flex` might show up as 💪, while `.bg-red-500` could be 🟥.

## Requirements

Tailmoji requires Visual Studio Code 1.x.x and works best with projects using Tailwind CSS.

## Known Issues

There are no known issues at the moment. If you encounter any bugs or have a feature request, please open an issue on [GitHub](https://github.com/leonardogrig/tailmoji).

## Release Notes

### 1.0.0

Initial release of Tailmoji.

## About the Author

Tailmoji is developed by Leonardo Grigorio Araujo, a passionate developer committed to creating enjoyable development experiences. You can find Leonardo on [GitHub](https://github.com/leonardogrig) or connect with him on [LinkedIn](https://www.linkedin.com/in/leonardogrig/).

## Inspiration

Inpired by this video [VideoLink](https://youtu.be/iz2GqMnpRmA) from [WebDevCody](https://www.youtube.com/@WebDevCody).

## License

Distributed under the MIT License. See `LICENSE` for more information.

---

**Happy Coding!**