Tailflow
Inspect elements instantly into clean Tailwind utilities.
Start new thread

Tailflow - Inspect elements instantly into clean Tailwind utilities.

by•
I got tired of digging through bulky DevTools & manually cleaning up RGB values & subpixel garbage every time I wanted to borrow a good layout for Tailwind. Free converters give ugly code. Heavy visual tools feel bloated & expensive. So I built Tailflow.Just hold Ctrl/Cmd & hover/click any element instantly copies clean, sorted Tailwind classes to clipboard. No panels/bloat. Merges spacing,fixes fractions (like pt-4 pb-[17px])&normalizes colors.Built it cause I use it daily.Appreciate feedback.

Add a comment

Replies

Best
Maker
📌
Tailflow maker here 👋 Hey everyone, thanks so much for checking it out! I built Tailflow because I was tired of the same frustrating workflow: inspecting nice layouts on live sites, digging through bulky DevTools, and manually cleaning up ugly RGB values and subpixel garbage. Now I just hold Ctrl (or Cmd) + hover/click any element and instantly get clean, properly sorted Tailwind classes copied to my clipboard. No heavy panels, no subscriptions (one time pay), and everything runs 100% locally. It’s a small, hyper-focused tool that solves one specific pain point when borrowing or replicating UI patterns. I use it almost every day and it’s saved me a ton of time. I’d love your honest feedback-specially if you hit any weird edge cases or have ideas for improvements. Try it out and let me know what you think!