Supertweak
visual developer tool for Tailwind CSS
Details About Supertweak
Key points:
- Custom Config
Contents
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
Pricing
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)
FAQ
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.