Tailscan
Item logo image for Tailscan

Tailscan

tailscan.com
4.3(

12 ratings

)
Item media 3 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 1 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot

Overview

Tailscan is the ultimate developer tool for Tailwind CSS

The ultimate developer tool for Tailwind CSS. Build, design and debug your Tailwind website visually with Tailscan, right within the browser. 💡Check the demo video on https://tailscan.com ✨ Visual editor in the browser Add, remove or modify Tailwind classes in the browser. Even arbitrary classes or those purged during build time. Also works on any website, not just your own. You'll have the full power of Tailwind directly in the browser! 🔮 Copy element or class list Easily copy the class list or the entire element with the class changes you made to your clipboard. 📐 Guidelines and computed regions Check element alignment, Tailwind margin or padding values for each element or the element size easily with Guidelines and Computed Regions. 📱 Autocompletion Tailscan will suggest the right classes for you as you type, show the resulting CSS and if relevant, show a preview of that class. 🔁 Convert any element to a Tailwind component Tailscan can automatically convert any element to a Tailwind CSS component. It will match all the CSS styling to Tailwind classes and use arbitrary values if 1:1 conversion is not possible. 🔎 You can try Tailscan on the website https://tailscan.com. To use Tailscan on other websites, you need a license key (paid). For questions or support, feel free to email at info@tailscan.com

4.3 out of 512 ratings

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

Review's profile picture

TheCapeGreekApr 25, 2024

As a dev with only basic design skills, Tailscan makes life a lot easier when trying to modernise applications to use Tailwind, copy site layout structures, tinker with elements, etc. The Tailwind converter is pretty solid - it only has issues if the base CSS itself is super terrible, so most of the time you'll be fine.

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

Johnny Cage #BringBackDislikesNov 22, 2023

I used to change raw CSS from DevTools when discussing projects with clients. Since the extension works on every page, I am free to use utility classes with ease. I think it will cover 98% of cases like this.

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

Dama JindaoNov 17, 2023

trash, no trial, and requires activation key first

2 out of 21 found this helpful

Details

  • Version
    2.2.0
  • Updated
    April 4, 2024
  • Features
    Offers in-app purchases
  • Size
    1.91MiB
  • Languages
    English
  • Developer
    Remote Dev
    Singel 35 Barendrecht 2992 BN NL
    Website
    Email
    support@tailscan.com
  • Trader
    This developer has identified itself as a trader per the definition from the European Union.

Privacy

Tailscan has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.

Tailscan handles the following:

Personally identifiable information
Website content

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

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.

Gimli Tailwind

4.6(24)

A DevTools extension enabling smart tools for Tailwind CSS.

Inspect Flow

4.4(5)

The complete developer tool for Tailwind CSS!

Tailwind Cheat Sheet Extension

4.2(5)

The Chrome Extension for Tailwind Cheat Sheet

Devtools for Tailwind CSS

2.7(16)

Devtools for Tailwind CSS

CSS To Tailwind

3.8(20)

Convert a website's styles to Tailwind CSS classes

Windy

2.9(21)

Convert any HTML on any website to TailwindCSS

Supertweak

5.0(4)

Visual editor for Tailwind CSS

DivMagic - Copy Style from any website

3.9(49)

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

Tailwind CSS Media Query Inspector

3.0(4)

Easily see which breakpoint you are currently in without cluttering up your UI.

Tailwind Color Picker

4.0(4)

Tailwind Color Picker allows you to pick a pixel from any web page and return the closest tailwind color.

Tailwind CSS Devtools

4.6(5)

Tailwind CSS Developer Tools

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.

Gimli Tailwind

4.6(24)

A DevTools extension enabling smart tools for Tailwind CSS.

Inspect Flow

4.4(5)

The complete developer tool for Tailwind CSS!

Tailwind Cheat Sheet Extension

4.2(5)

The Chrome Extension for Tailwind Cheat Sheet

Devtools for Tailwind CSS

2.7(16)

Devtools for Tailwind CSS

CSS To Tailwind

3.8(20)

Convert a website's styles to Tailwind CSS classes

Windy

2.9(21)

Convert any HTML on any website to TailwindCSS

Supertweak

5.0(4)

Visual editor for Tailwind CSS

Google apps