Supertweak

Visual editor for Tailwind CSS

Supertweak - Visual Editor for Tailwind CSS

Supertweak is a Chrome extension that serves as a visual editor for Tailwind CSS. It enables users to make live tweaks to their website, preview changes in real-time, and easily copy classes or HTML code. With features like Tailwind editor, responsive switcher, quick capture, children editor, and edit mode, Supertweak enhances the development experience for Tailwind CSS users.
Install from Chrome Web Store

Extension stats

Users: 502
-13
Rating: 5.00
(4)
Version: 1.1.3 (Last updated: 2023-01-31)
Creation date: 2023-01-27
Risk impact: Low risk impact
Risk likelihood:
Manifest version: 3
Permissions:
  • storage
  • scripting
  • activeTab
Host permissions:
  • https://cdn.tailwindcss.com/
Size: 77.11K
URLs: Website

Other platforms

Not available on Android
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions? Install Chrome-Stats extension to view Chrome-Stats data as you browse the Chrome Web Store.

Extension summary

Supertweak is visual editor for Tailwind CSS to quickly tweak your website live, preview instantly and copy classes or html to use in your project.

You can try it free for 7 days. Continued use requires activation key. You can purchase your copy of the extension at https://supertweak.dev

🎨 Tailwind editor Quickly modify property values for Tailwind classes, add or edit variants, manually add, edit or remove classes etc. right inside your browser. You can then copy the classes or html code from the elements with one click. Supports adding arbitrary values and variants and custom Tailwind config as well.

📱 Responsive Switcher You can quickly resize the window to responsive device widths. Since this resizes window, you will be able to use the editor in small screen widths too unlike the Devtools responsive mode.

📷 Quick Capture Supertweak lets you quickly take screenshot of visible screen or a selected area, which you can later download or copy to clipboard. This makes it easier to share the changes you made with your team and get feedback.

🪟 Children Editor

See more

User reviews

I love it. It's simple yet powerful. This extension is really under-rated. The only major thing that is missing is support for prefixes. It is talked about here: https://tailwindcss.com/docs/configuration#prefix An example site that uses prefixes and tailwind - https://vault.bitwarden.com/
by Aaron Feleke, 2023-12-10

I love and enjoying using this extension. It's really amazing and would recommend it since it's very helpful where you don't have to go to one's code to view it see classes one used in his/her tailwind website or project.
by JOHN MBUGUA, 2023-02-08

Powerfull tool
by Drago Lord, 2023-01-31
View all user reviews

Extension safety

Risk impact

Supertweak requires very minimum permissions.

Risk likelihood

Supertweak has earned a fairly good reputation and likely can be trusted.

Upgrade to see risk analysis details

Similar extensions

Here are some Chrome extensions that are similar to Supertweak: