CSS → Tailwind
Paste CSS or SCSS on the left, get Tailwind utility classes on the right. Nested SCSS is flattened, unmapped declarations are flagged as comments.
/* .card */ flex items-center gap-3 px-6 py-4 bg-white border border-[#e5e7eb] rounded-2xl text-sm text-[#374151] /* .btn */ inline-flex justify-center px-3 py-2 bg-[#111827] text-white rounded-full font-semibold cursor-pointer
Heads up: mapping is best-effort. Values that don't match Tailwind's scale fall back to arbitrary values like p-[13px]. SCSS variables and mixins are stripped before flattening.