react-tailwind-element-inspector/README.md

Inspect DOM elements hierarchy and classNames on hover in React + Tailwind projects.

# React Tailwind Element Inspector

Inspect DOM elements in React + Tailwind apps:

- Highlights hovered element
- Shows tooltip with `class` and `style`
- Highlights siblings and parent hierarchy

## Usage

```bash
npm install react-tailwind-element-inspector
```

```javascript
import { enableInspector, disableInspector } from 'react-tailwind-element-inspector';
import 'react-tailwind-element-inspector/dist/styles.css';

useEffect(() => {
  enableInspector();
  return () => disableInspector();
}, []);
```

For dev-only usage, wrap with if (process.env.NODE_ENV === 'development')