DEV Community

Cover image for DevTools Extension for Tailwind CSS
Gimli
Gimli

Posted on

2 1

DevTools Extension for Tailwind CSS

Tailwind CSS is amazing but it's not always easy to remember all the different utilities. Therefor, I created Tailwind DX (the name will change due to legal reasons).

Here's a short video of it:

Tailwind DX let's developers debug and work with Tailwind CSS in a more intuitive way.

Here are some feature highlights:

Instant feedback
Building complex layouts takes a lot of trial and error. Tailwind DX lets the developer preview changes just by hovering on different values. We also let developers:

  • Ctrl+Click to toggle values on/off
  • Ctrl+Hold-and-drag to use inputs as sliders

By focusing on instant feedback, we enable developers to Build better websites faster.

Top comments (0)

The best way to debug slow web pages cover image

The best way to debug slow web pages

Tools like Page Speed Insights and Google Lighthouse are great for providing advice for front end performance issues. But what these tools can’t do, is evaluate performance across your entire stack of distributed services and applications.

Watch video

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay