CSS naar Tailwind Converter
Zet CSS-eigenschappen om naar Tailwind CSS-utilityklassen. Ondersteunt layout, spatiëring, typografie, kleuren en meer. Bekijk niet-overeenkomende eigenschappen. Gratis, 100% in je browser.
Niet-overeenkomende CSS (geen Tailwind-equivalent gevonden):
Referentie
Wat is CSS naar Tailwind conversie?
Tailwind CSS is een utility-first CSS-framework waarin je elementen stijlt met voorgedefinieerde klassen zoals flex, p-4, en text-center in plaats van aangepaste CSS te schrijven. Deze tool koppelt veelvoorkomende CSS-eigenschappen aan hun Tailwind-equivalenten. Plak CSS-declaraties en krijg de bijbehorende Tailwind-klassenstring. Eigenschappen zonder directe Tailwind-match worden apart getoond.
Ondersteunde conversies
Layout — display, position, flex, grid eigenschappen. Spatiëring — padding, margin, gap, width, height met Tailwinds spacing-schaal. Typografie — font-size, font-weight, text-align, text-transform, letter-spacing, line-height. Kleuren — background-color, color, border-color met hexwaarden (als willekeurige waarden). Randen — border-radius gekoppeld aan Tailwinds rounded-schaal. Effecten — opacity, cursor, overflow, visibility, white-space. Willekeurige waarden — hexkleuren worden omgezet naar Tailwind willekeurige-waarde syntax zoals bg-[#3b82f6].
Privacy
Alle conversie draait 100% in je browser. Er wordt geen data naar een server gestuurd.