ClassCatch kills the “translate CSS to Tailwind at 2am” loop. Hover any element to copy Tailwind (if it exists) or convert CSS→Tailwind when it doesn’t. Works in iframes. Try 3 pages free, unlock unlimited with a one-time license.
I built ClassCatch after too many nights turning “13px padding, almost-blue, weird line-height” into Tailwind by hand—especially while migrating a Material UI library to Tailwind.
Why it exists:
• MUI/Bootstrap → Tailwind migrations need a clean starting point
• Inspiration → code: see something beautiful, paste a Tailwind scaffold in seconds
• Design handoff: copy just the piece you’re building without spelunking DevTools
How it maps (fast): spacing → Tailwind scale, typography → text-*/leading-*, color → nearest palette (keeps exact when needed), and a compatibility mode to avoid bracket classes.
I’d love your feedback—especially edge cases (cards, navbars, tricky grids).
PH launch coupon: PH100 (48h). Thanks for checking it out!
AgencyHandy
TapRefer
@robat_das congratulations
AgencyHandy
@jiteshghanchi Hey thank you man :)