Supertweak för Google Chrome

Supertweak: Visuell redigerare för Tailwind CSS

Supertweak är en visuell redigerare för Tailwind CSS som gör det möjligt för användare att snabbt justera sina webbplatser live. Med Supertweak kan användare förhandsgranska ändringar direkt och enkelt kopiera klasser eller HTML för att använda i sina projekt.

Huvudfunktionen i Supertweak är dess Tailwind-redigerare, som gör det möjligt för användare att ändra egenskapsvärden för Tailwind-klasser, lägga till eller redigera varianter och manuellt lägga till, redigera eller ta bort klasser direkt i webbläsaren. Denna redigerare stöder att lägga till godtyckliga värden och varianter, samt anpassade Tailwind-konfigurationer.

En annan användbar funktion i Supertweak är den responsiva växlingsfunktionen, som gör det möjligt för användare att snabbt ändra storlek på fönstret till responsiva enhetsbredder. Till skillnad från Devtools responsiva läge kan denna funktion användas i små skärmstorlekar också.

Supertweak erbjuder också en snabbfångstfunktion, som gör det möjligt för användare att ta skärmdumpar av den synliga skärmen eller ett markerat område. Dessa skärmdumpar kan laddas ner eller kopieras till urklipp, vilket underlättar delning av ändringar med teammedlemmar och insamling av feedback.

Utöver detta inkluderar Supertweak en barnredigerare, som gör det enkelt för användare att omorganisera, ta bort eller duplicera element. Användare kan också lägga till element och textnoder med lätthet.

För de som föredrar en störningsfri redigeringsupplevelse erbjuder Supertweak ett redigeringsläge där användare snabbt kan redigera texten på sidan utan några andra störningar.