CSS เป็น Tailwind

เกี่ยวกับเครื่องมือนี้

ตัวแปลง CSS เป็น Tailwind แปลงคุณสมบัติ CSS แบบดั้งเดิมเป็นคลาสยูทิลิตี้ Tailwind CSS ที่เทียบเท่ากัน จัดการ spacing, typography, colors, flexbox, positioning, borders และอื่นๆ พร้อมรองรับ arbitrary value syntax สำหรับค่าที่ไม่เป็นมาตรฐาน เหมาะสำหรับนักพัฒนาที่ต้องการย้ายโปรเจกต์ที่มีอยู่ไปยัง Tailwind หรือเรียนรู้เฟรมเวิร์ก Utility-First

คุณสมบัติหลัก

• จับคู่คุณสมบัติ CSS กับคลาสยูทิลิตี้ Tailwind โดยอัตโนมัติ
• รองรับการแปลง spacing, typography, colors และ flexbox
• จัดการ arbitrary value syntax สำหรับค่า CSS ที่ไม่เป็นมาตรฐาน
• ตัวแก้ไขอินพุต CSS และเอาต์พุต Tailwind แบบเคียงข้างกัน
• เทมเพลต CSS ตัวอย่างเพื่อเริ่มต้นอย่างรวดเร็ว
• คัดลอกและวางสตริงคลาสที่สร้างขึ้นในคลิกเดียว

ดูตัวอย่าง

สถานการณ์การใช้งาน

• ย้ายโค้ดเบส CSS ที่มีอยู่ไปยัง Tailwind CSS
• เรียนรู้คลาสยูทิลิตี้ Tailwind ที่เทียบเท่ากับคุณสมบัติ CSS
• แปลง CSS ของระบบดีไซน์เป็นการกำหนดค่า Tailwind
• สร้างต้นแบบด้วย Tailwind อย่างรวดเร็วโดยแปลงค่า CSS ที่รู้จัก
• เชื่อมช่องว่างระหว่าง CSS แบบดั้งเดิมและเวิร์กโฟลว์ Utility-First