Supertweak
Item logo image for Supertweak

Supertweak

supertweak.dev
5.0(

4 ratings

)
Item media 1 screenshot

Overview

Visual editor for Tailwind CSS

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 You can easily re-arrange, remove or duplicate elements. Adding elements and text nodes are also supported. ⌨️ Edit Mode In Edit mode, you can edit the text in the page quickly without other distractions.

5 out of 54 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Review's profile picture

Aaron FelekeDec 10, 2023

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/

1 person found this review to be helpful
Review's profile picture

JOHN MBUGUAFeb 8, 2023

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.

Review's profile picture

Drago LordJan 31, 2023

Powerfull tool

Details

  • Version
    1.1.3
  • Updated
    January 30, 2023
  • Features
    Offers in-app purchases
  • Size
    75.3KiB
  • Languages
    English (United States)
  • Developer
    Website
    Email
    support@supertweak.dev
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Supertweak has disclosed the following information regarding the collection and usage of your data.

Supertweak handles the following:

Personally identifiable information
Financial and payment information

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

Gimli Tailwind

4.6(24)

A DevTools extension enabling smart tools for Tailwind CSS.

Windy

2.9(21)

Convert any HTML on any website to TailwindCSS

Toolwind - Devtool for Tailwind css

4.4(7)

Enhance Tailwind CSS workflow: Easily add, modify, remove, and copy classes with built-in Tailwind IntelliSense

Visual CSS Editor

4.1(105)

Customize any website visually.

Inspect Flow

4.4(5)

The complete developer tool for Tailwind CSS!

DivMagic - Copy Style from any website

4.0(43)

Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.

Tailwind Devtools

2.3(9)

A sidebar pane for Tailwind CSS classes

Tailwind UI React

5.0(7)

Automatic translation of Tailwind UI components to React

CSS To Tailwind

3.9(21)

Convert a website's styles to Tailwind CSS classes

Built with Tailwind CSS

0.0(0)

Built with Tailwind CSS is a Chrome Extension that identifies the usage of Tailwind CSS in web pages.

Tailwind Eye Dropper

5.0(2)

Tailwind Eye Dropper is an open source extension that allows you to pick colors from web pages and convert them to a Tailwind preset

Devtools for Tailwind CSS

2.7(16)

Devtools for Tailwind CSS

Gimli Tailwind

4.6(24)

A DevTools extension enabling smart tools for Tailwind CSS.

Windy

2.9(21)

Convert any HTML on any website to TailwindCSS

Toolwind - Devtool for Tailwind css

4.4(7)

Enhance Tailwind CSS workflow: Easily add, modify, remove, and copy classes with built-in Tailwind IntelliSense

Visual CSS Editor

4.1(105)

Customize any website visually.

Inspect Flow

4.4(5)

The complete developer tool for Tailwind CSS!

DivMagic - Copy Style from any website

4.0(43)

Copy elements from any webpage as reusable web components. Get HTML, CSS, React, JSX or Tailwind CSS code.

Tailwind Devtools

2.3(9)

A sidebar pane for Tailwind CSS classes

Tailwind UI React

5.0(7)

Automatic translation of Tailwind UI components to React

Google apps