Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
The ultimate developer tool for Tailwind CSS Tailscan lets you inspect and modify any website built with Tailwind CSS. Hover over an element and change, delete or add classes, copy the class list or entire element and more!
What can developer do with Tailscan
Bring-your-own Tailwind config and Full JIT-engine support
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.
Hover navigation Hover over any element to see its Tailwind classes. Press Space to easily pin and edit the element.
Hotkey navigation Use the arrow keys to navigate between sibling elements and parent/child elements.
Copy element or class list Copy the HTML of any element or the list of classes of any element.
Change persistence Tailscan will remember all your changes to every element so you can copy all changes at once!
How much does Heroicons cost?
Free and open source
How much does Tailscan cost?
$49/year
See list of all developer tools here
Compare Heroicons Pricing and Tailscan Pricing.
Compare Heroicons Features and Tailscan Features.
Which developer tools is more worth it between Heroicons and Tailscan.
Find better developer tools for category icons, design-asset, tailwind.
Top tools list:
Top Comparing Page:
