Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/markmead/tailwindcss-assistant
Get assistance when developing projects with Tailwind CSS 🤖
https://github.com/markmead/tailwindcss-assistant
tailwind tailwind-css tailwindcss tailwindcss-plugin
Last synced: 24 days ago
JSON representation
Get assistance when developing projects with Tailwind CSS 🤖
- Host: GitHub
- URL: https://github.com/markmead/tailwindcss-assistant
- Owner: markmead
- License: mit
- Created: 2022-07-18T16:19:19.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-07-29T19:54:35.000Z (over 1 year ago)
- Last Synced: 2023-07-29T20:37:13.394Z (over 1 year ago)
- Topics: tailwind, tailwind-css, tailwindcss, tailwindcss-plugin
- Language: JavaScript
- Homepage:
- Size: 53.7 KB
- Stars: 33
- Watchers: 2
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Tailwind CSS Assistant
Get assistance when developing projects with Tailwind CSS 🤖
![Tailwind CSS Assistant Example](https://user-images.githubusercontent.com/50486078/180596703-753d28ad-d404-4805-8800-c2cbdb78f1c0.gif)
✅ Small JavaScript package that helps you work with Tailwind CSS by...
- Showing you the class names of the current element
- Showing you the current breakpoint
- Allowing you to toggle breakpoint classes
- Allowing you to add new classes, including classes created using JIT## Install
### CDN
```html
```
### NPM/Yarn
```shell
npm i -D tailwindcss-assistantyarn add -D tailwindcss-assistant
``````js
import assistant from 'tailwindcss-assistant'document.addEventListener('DOMContentLoaded', () => {
assistant()
})
```### Stats
![](https://img.shields.io/bundlephobia/min/tailwindcss-assistant)
![](https://img.shields.io/npm/v/tailwindcss-assistant)
![](https://img.shields.io/npm/dt/tailwindcss-assistant)
![](https://img.shields.io/github/license/markmead/tailwindcss-assistant)