Tailwind DX

A Chrome DevTools extension enabling

Smart Tools for Tailwind CSS.

Tailwind DX in 100 Seconds
Install Now

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.

Show what's relevant.

We don't want to overwhelm developers with options and utilities. Here's a list of features which enables developers to quickly find relevant utilities:

  • Inputs are grouped the same way as in the official documentation.
  • Flex and Grid elements will show relevant Flex/Grid utilities.
  • Active utilities are always shown.

Support Tailwind DX

If you find Tailwind DX useful, please consider supporting further development on Patreon. We would also appreciate feedback and spreading the word about tailwind DX on social media.

Gold Sponsors

Support Gimli & Tailwind DX to get your company logo or image of your choice shown here. Gold sponsors will also be shown on banners at our twitter and Facebook accounts.

Visit our patreon to read more.
Your Logo
Your Logo