visual developer tool for Tailwind CSS

Supertweak Image 1
Details About Supertweak
Key points:
  • Custom Config

What is Supertweak?

A Chrome extension for inspecting, tweaking, and copying Tailwind CSS styles directly in your browser.

Features ✨

  • Hover to see classes
  • Click to tweak styles
  • Copy classes or HTML
  • Custom configuration support
  • Arbitrary value entries
  • Responsive width preview
  • One-click copy
  • Color opacity adjustment
  • Modifier support
  • Edit mode for text

Pros and Cons

Pros ✅

  • Easy-to-use interface
  • 7-day free trial and one-time payment
  • Supports custom Tailwind configs
  • Supports responsive design testing

Cons ⛔️

  • Does not update the website code automatically
  • Limited to Chromium-based browsers


Supertweak offers a free 7-day trial. After the trial, it is available for a one-time purchase $19 (discounted from $37 as of today)


Does Supertweak work on all websites?

Does Supertweak work on all websites?

Can Supertweak be used offline?

It requires a network connection for the initial setup. After that, it can function offline using the cached Tailwind CDN.