คลิกองค์ประกอบใดก็ได้และรับคลาส Tailwind ที่เทียบเท่าทันที
แปลงสไตล์เป็นคลาส Tailwind อัตโนมัติ
bg-purple-600 text-white
px-7 py-3 rounded-lg
font-semibold text-base
border-2 border-purple-400
คลิกและทุกคุณสมบัติจะถูกแมปเป็นคลาส Tailwind
เข้าใจระบบ Tailwind — padding 12px = p-3
คัดลอกสตริงคลาสด้วยคลิกเดียว
คลิกขวาเพื่อเข้าถึงเร็ว
Box-shadow, gradient, flex/grid
เฉพาะคลาสที่แตกต่างจากค่าเริ่มต้น
คัดลอกเป็น Tailwind covers the following, organized by category:
display (flex, grid, block)position (relative, absolute)flex-directionjustify-contentalign-itemsgapoverflowpadding (p-*)margin (m-*)width (w-*)height (h-*)max-widthmin-heightfont-size (text-*)font-weight (font-*)line-height (leading-*)letter-spacing (tracking-*)text-aligntext-transformcolor (text-*)background-color (bg-*)border-color (border-*)opacityborder-width (border-*)border-radius (rounded-*)border-stylebox-shadow (shadow-*)transform (scale-*, rotate-*)transitioncursorคลิกคอมโพเนนต์และคัดลอกคลาส
คลิกองค์ประกอบสวยและใช้เป็นอ้างอิง
ใช้งานในเบราว์เซอร์แล้วคลิกเอาคลาส
ตรวจสอบค่ากับสเกล Tailwind
คลิกเพื่อดูการแมป CSS เป็นคลาส
คลิกไอคอนใน dock
คลิกบนหน้าเว็บ
แผงแสดงคลาส Tailwind
คลิกคัดลอกและวางในโค้ด
ติดตั้ง DevSuite Pro ฟรีและปลดล็อกเครื่องมือสำหรับนักพัฒนามากกว่า 39 รายการสำหรับเบราว์เซอร์ของคุณ