Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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 🤖

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-assistant

yarn 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)