Tailscan

Tailscan is the ultimate developer tool for Tailwind CSS

What is Tailscan?

Tailscan is a browser extension designed as an ultimate tool for developers working with Tailwind CSS. It allows you to build, design, and debug Tailwind websites directly in the browser. It features a visual editor, class copy features, guidelines and computed regions, autocompletion, and allows for converting any element into a Tailwind component. This powerful tool makes developing with Tailwind CSS seamless and efficient.

Download

Stats

By: https://tailscan.com

View on Chrome Web Store

Users: 1,000+

Rating: 4.33 (12)

Version: 2.2.0 (Last updated: 2024-04-04)

Creation date: 2022-10-25

Risk impact: Moderate risk impact

Risk likelihood: Moderate risk likelihood

Manifest version: 3

Permissions:

contextMenus
storage
scripting
activeTab
declarativeNetRequestWithHostAccess

Host permissions:

https://*/
http://*/

Size: 2.00M

Email: su*****@tailscan.com

URLs: Website ,Privacy policy

Stats date:

Chrome-Stats Rank

# 24925 ▲ 23

Other rankings

#3034 in Developer Tools ▲ 9

#72 in component keyword 16

#100 in class keyword 3 ▲ 3

#191 in build keyword 5 ▲ 6

#203 in element keyword 10 ▲ 13

Upgrade to see more rankings

Other platforms

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.

Summary

Analyze keywords

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.

User reviews

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.

TheCapeGreek, 2024-04-25

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.

Johnny Cage #BringBackDislikes, 2023-11-22

trash, no trial, and requires activation key first

Dama Jindao, 2023-11-17

View all user reviews

Safety

Risk impact

Tailscan may not be safe to use and it requires some risky permissions. Exercise caution when installing this extension. Review carefully before installing.