Konverter CSS ke Tailwind
Konversi deklarasi CSS standar menjadi kelas utilitas Tailwind CSS yang ekuivalen secara instan.
Properti yang Didukung
Display, Flexbox, Grid, Position, Spacing (padding, margin, gap), Tipografi, Border Radius, dan properti CSS umum lainnya.
Panduan CSS to Tailwind Converter
Kapan alat ini berguna?
Alat ini membantu menerjemahkan deklarasi CSS umum ke utility Tailwind sebagai titik awal migrasi komponen. Tempelkan properti yang ingin dipindahkan, periksa class keluaran, lalu uji pada proyek Anda. Nama class perlu tersedia di versi dan konfigurasi Tailwind yang digunakan.
Contoh penggunaan
Coba display: flex; justify-content: center; align-items: center; padding: 1rem;. Deklarasi tersebut dapat dipetakan ke flex justify-center items-center p-4. Terapkan pada container dan bandingkan computed style dengan implementasi awal.
Batasan dan pemeriksaan hasil
Konverter memakai daftar pemetaan terbatas. Selector kompleks, pseudo-element, media query, dan aturan yang tidak dikenal memerlukan penanganan manual. Periksa properti yang tidak terkonversi; jangan menganggap hasilnya selalu setara dengan seluruh stylesheet masukan.