tailscan.com Open in urlscan Pro
76.76.21.21  Public Scan

Form analysis
0 forms found in the DOM

Text Content

Tailscan
Open main menu
HomeFeaturesPricingBlog
Resources
Support

My Account



THE ULTIMATE TOOL FOR TAILWIND CSS

Build, design and debug your Tailwind website visually with Tailscan, right
within the browser.

Try on this page

Get Tailscan now

Used by



+ 1000 other developers, designers and product managers!

+ 1000 other developers, designers and product managers!




TAILSCAN MASSIVELY IMPROVES YOUR TAILWIND EXPERIENCE



Design

Design with Tailwind in the browser

With Tailscan you'll never have to leave the browser. Change your Tailwind
classes and see the results in real-time.

Debug

Debug visually in seconds

Always switching back and forth to your code editor while debugging your layout?
Tailscan lets you see the results instantly, saving you precious time.

Lookup

Discover how it's built

Tailscan lets you see the classes of any Tailwind component on any website, so
you can learn and level up your design skills.


ACCESS TO ALL TAILWIND CLASSES

With Tailscan, you can add any Tailwind class and variant directly in the
browser.

Even when they are removed during your build process (purged by JIT) or when you
add classes with arbitrary values.

You'll have the full power of Tailwind directly in the browser!




BRING-YOUR-OWN TAILWIND CONFIG

Add your own Tailwind config to Tailscan and all your theme extensions and
modifications will be available right away.

Tailscan will adjust to your Tailwind project perfectly!




CONVERT ELEMENTS TO TAILWIND COMPONENTS

Easily convert any website element into a Tailwind CSS component with Tailscan.

Save massive amounts of time and effort, just click and convert elements from
your own project or any website into reusable Tailwind components.

Click & convert, it's really that simple!



Guidelines and computed regions

Check element alignment, margin or padding values for each element or the
element size easily with Guidelines and Computed Regions.

Copy element or class list

Easily copy the classlist or the entire element with the changes you made to
your clipboard.

Autocompletion

Tailscan will suggest the right classes for you as you type and if relevant,
show a preview of the color.


EXPERIENCE THE TRUE POWER OF TAILSCAN FOR TAILWIND CSS

All these features are right at your fingertips within the browser. And this is
just the start, more features are added in every update!


LIVE EDITING

Instantly see the result of every change you make.


AUTOCOMPLETION

Tailscan will suggest the right classes for you as you type.


HIDE/SHOW CLASSES

Hide or show classes to see how your design changes.


COLOR PREVIEW

See the color of every class in the autocompletion view.


EASY NAVIGATION

Hover over any element to see its Tailwind classes. Press Space to easily pin
and edit the element.


PERSISTENCE

Tailscan will remember all your changes to every element so you can copy all
changes at once!


SCREENSHOT TOOL

Make screenshots of a particular part of the screen to share quick and easy!


BREAKPOINT INFO

Instantly know what Tailwind breakpoint you're currently on.


WHAT TAILSCAN USERS SAY



I've been using Tailscan for the past 4 weeks and absolutely love it. I use
Tailwind almost every day, so this tool saves me bunch of time! The most amazing
thing is the integrated JIT engine support 💪

Dominik SobeFounder, HelpKit

I'm an early user of Tailscan - it's a great product! It makes my life so much
easier & saves me a lot of time when working with TailwindCSS! 👏 Thank your for
making this tool!

NickFounder, SEO HERO

Using Tailscan is so much better and intuitive than just hacking styles from the
browser devtools. Getting it is a no-brainer for anyone working with Tailwind
CSS!

Christian BlavierFounder, Readable

Tailscan helps fill the gap that Nextjs provides with its live reload (preserves
state) and Vite-based projects, so I can iterate on UI quickly. Very excited
about this, so thank you! Great product!

Roland AyalaTechnical Program Manager

It completely changed how I approach debugging and quickly adjusting Tailwind
CSS. Tailscan is a great helper in my everyday work and I wouldn't want to miss
it again.

Alexander SchnebelFounder, Product Glow Up

Wonderful tool! This has saved me so much time! Love the product and the dev is
amazing with support as well!

Cannon PhelpsFounder, QuadBit


PRICING

Level up your development experience

Available for Chrome and Chromium-based browsers (like Edge, Brave and Arc).
Tailscan requires an active license.

14-day refund policyUsed by hundreds of other developersDedicated and fast
support


TAILSCAN PERPETUAL LICENSE

$249 /one-time

Used by



+ 1000 other developers, designers and product managers!

+ 1000 other developers, designers and product managers!

   

 * Pay once, use forever

 * License for 3 devices

 * Includes all updates, forever

 * Permanent access to the Tailscan community discord

   

Get Tailscan now


TAILSCAN MONTHLY LICENSE

$15 /month
   

 * License for 3 devices

 * Includes all updates for a month

 * Permanent access to the Tailscan community discord

   

Get Tailscan


TAILSCAN YEARLY LICENSE

$79 /year
   

 * Save 50% - 6 months free

 * License for 3 devices

 * Includes all updates for a year

 * Permanent access to the Tailscan community discord

   

Get Tailscan


FREQUENTLY ASKED QUESTIONS

How do I manage my account?You can manage your account on the 'My account' page
to change billing details or see your license key(s). You can also cancel your
subscription there at any time. If you cancel your subscription, you will still
have access to Tailscan until the end of your current billing period. Go to the
My Account page
Is there a trial? Can I try it before I buy Tailscan?Yes, you can try Tailscan!
We don't have a trial but you can use Tailscan on this website by clicking on
the link below. Hit the space key to pin Tailscan.

Try Tailscan nowDemo available only on Desktop

I already bought Tailscan. Where is my license key?If correct, you've received
an email after your purchase that includes your license key. The subject line is
'Your Tailscan license key'. If you cannot find your license key, please send an
email to info@tailscan.com and I'll help you out.
Tailscan says my license key is invalid?Oops! If you've made sure the license
key is correct (check for spaces before/after the key when copy-pasting), please
send an email to info@tailscan.com and I'll help you out.
Is Tailscan going to have a Firefox version?I would love to build a Firefox
version of Tailscan. It is important for me, however, that I can offer a great
experience for all users. And for that I need to invest a lot of time. If you
are interested in a Firefox version, let me know!
How often is there an update for Tailscan?Tailscan will receive periodic updates
when Tailwind CSS is updated, and when there is a new set of features ready for
Tailscan. I hope to release a new version with new features every 4-8 weeks.
Does Tailscan work on any website?Yes, Tailscan works on any website. If the
website does not use Tailwind CSS, there are no classes visible for any element.
However, you can still add Tailwind classes to elements.
Do you have bundled license packs? I want multiple!Yes absolutely! You can buy a
5-pack, 10-pack, 25-pack or custom amount (25+) license. if you're interested,
please send an email to info@tailscan.com. If you want less than 5 licenses, you
can simply change the quantity during the normal checkout.
Do you have a refund policy?If you are not satisfied with Tailscan, you can
email your refund request to info@tailscan.com. We accept requests up to 14 days
after purchase. It would help a lot if you also provide feedback as to why you'd
like a refund, so I can make the product better for others in the future!


GET TAILSCAN NOW


THE ABSOLUTE MUST-HAVE TOOL FOR ANYONE USING TAILWIND CSS.

Build, design and debug your Tailwind website visually with Tailscan, right
within the browser.

Try on this page

Get Tailscan now

Home
Features
Pricing
Blog
FAQ
Tailwind library
Support
Changelog
Open Startup
Media kit
Download Tailscan
GitHubTwitterYoutube

© 2022-2023 Tailscan, Inc. All rights reserved.

Privacy PolicyTerms of UseCookie Policy

Powered by: