แปลงเพจที่ใช้งานอยู่
เป็น Tailwind CSS ที่สะอาด

ทำไมต้องใช้ Tailfind?

ปรับปรุงขั้นตอนการพัฒนาอินเทอร์เฟซของคุณ

Popover เก็บคำสั่งไว้ใกล้กับองค์ประกอบที่เลือก

หน้าต่างป๊อปโอเวอร์แบบอินไลน์ช่วยปิดการดำเนินการที่สำคัญ ช่วยให้คุณปรับแต่งการเลือกและส่งออกส่วนที่ถูกต้องได้เร็วขึ้น การทำงานแบบเดียวกันนี้ใช้ได้กับปุ่มลัดแป้นพิมพ์ ดังนั้นคุณจึงสามารถเคลื่อนไหวต่อไปได้โดยไม่ต้องออกจากโฟลว์การเลือก

เลือกส่วนที่แน่นอน

นำทางหน้าเว็บจนกว่าการจับภาพจะตรงกับขอบเขตที่คุณต้องการใช้ซ้ำจริงๆ

ส่งออก HTML Tailwind ที่สะอาด

Tailfind เปลี่ยนส่วนที่เลือกให้เป็น markup ที่อ่านง่ายสำหรับ Tailwind เพื่อให้คุณปรับแต่งต่อได้แทนที่จะสร้างใหม่ตั้งแต่ต้น

เริ่มจับภาพจากป๊อปโอเวอร์ส่วนขยาย

เลือกองค์ประกอบที่จะตรวจสอบ คัดลอกเนื้อหาทั้งหน้า และกำหนดค่าส่วนขยายให้ตรงกับขั้นตอนการทำงานของคุณ

รองรับโค้ดเบสใด ๆ

ทำงานได้กับส่วนหน้าแบบเดิม แอปคอมโพเนนต์สมัยใหม่ และสแต็กการผลิตแบบผสมโดยไม่ต้องใช้เฟรมเวิร์กหรือการตั้งค่าสไตล์เฉพาะ

รวมสไตล์ทั้งหมด

อ่านคลาสที่เขียนและการประกาศแบบอินไลน์เข้าด้วยกันแทนที่จะแยกจากกัน

Tailwind ถึง Tailwind

เมื่อแหล่งที่มาใช้ Tailwind อยู่แล้ว ผลลัพธ์จะยังเป็นรูปแบบที่เข้ากับ Tailwind และปรับแต่งต่อได้ง่ายขึ้น

รองรับ SVG

กราฟิกเวกเตอร์แบบอินไลน์ยังคงสภาพเดิม ดังนั้นไอคอน โลโก้ และภาพประกอบจึงสามารถส่งออกได้

ขจัดเสียงรบกวนที่ซ้ำซ้อน

ทำให้ markup ที่สร้างขึ้นมีโฟกัส โดยหลีกเลี่ยง wrapper ซ้ำ ๆ declaration ซ้ำ และสไตล์ที่รกแต่มีคุณค่าน้อย

เข้าใจมาร์กอัปที่สับสน

ใช้งานได้กับเพจที่ใช้งานจริงซึ่งมีการบีบอัดชื่อคลาส สร้าง หรือไม่มีประโยชน์ในการเป็นแหล่งที่มาของความจริง