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

npm install react-tailwind-element-inspector

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