ממיר CSS ל-Tailwind

הדבק בלוק הצהרות CSS והמר את הדוגמה שמוצגת למחלקות Tailwind שתוכל להעתיק לרכיבים.

CSS
Tailwind v4

עדיין אין פלט

פלט Tailwind שנוצר מופיע כאן באופן אוטומטי.

ממיר Tailwind מושלם לפיקסלים

המר את CSS למחלקות Tailwind נקיות

המרה שמתחילה בהצהרות
הדבק בלוק הצהרות CSS ו-Tailfind יחיל אותו על רכיב לדוגמה לפני המרת התוצאה המעובדת למחלקות Tailwind שניתנות לשימוש חוזר.
העדפת ברירת מחדל
ערכי ברירת המחדל הניידים של Tailwind נשמרים כאשר ערכי ההצהרה תואמים לסולם ה-framework.
נסיגה ערכית שרירותית
ערכים שאינם ברירת מחדל הופכים ל-arbitrary values ברורים, כך שקל לבדוק פיקסלים, צבעים, צללים ותזמונים מותאמים אישית.
פלט בטוח בפריסה
מרווח, גודל, תצוגה, רשת, גמישות, גבולות, צללים וטיפוגרפיה ממופים מהמדגם המעובד.
חילוץ מחלקות מהיר
הפלט הוא רשימת מחלקות Tailwind ממוקדת שמוכנה להעתקה לרכיב, token spike או מעבר cleanup.
טוב לביקורות
השתמש בו כדי להחליף בלוקים חד-פעמיים של CSS, ניסויי inline style ואבי טיפוס של מערכת עיצוב במחלקות Tailwind ברורות יותר.

מדריך לממיר CSS

הפוך הצהרות CSS לכלי שירות Tailwind

ממיר CSS ל-Tailwind הופך בלוק הצהרות למחלקות Tailwind הקרובות והניידות ביותר. הוא שימושי ל-design tokens חד-פעמיים, ניקוי inline styles והעברת קטעי CSS קטנים לתוך markup של רכיבים.

Tailfind מחיל את ההצהרות על רכיב לדוגמה לפני ההמרה, ולכן ערכי פריסה, ריווח, צבע, גבול, צל, טיפוגרפיה וגודל מתפרשים באמצעות אותו נתיב עיבוד של הדפדפן שבו משתמש התוסף.

השתמש בו כדי להמיר מאפייני CSS למחלקות Tailwind, לבדוק אילו ערכים תואמים לסולם ברירת המחדל של Tailwind, ולשמור ערכים שאינם ברירת מחדל כ-arbitrary values ברורים.

האם זה יכול להמיר CSS ל-Tailwind?
כן. הדבק בלוק הצהרות CSS ו-Tailfind יחיל אותו על רכיב לדוגמה לפני ייצוא רשימת מחלקות Tailwind הקרובה ביותר.
האם ערכים מותאמים אישית נשמרים?
Tailfind ממפה ערכים למחלקות Tailwind ברירת מחדל כשאפשר, ושומר ערכים שאינם ברירת מחדל כ-arbitrary values גלויים במקום להסתיר אותם.
האם עלי להדביק גיליון סגנונות מלא?
ממיר CSS מיועד לבלוקים של הצהרות. השתמש בממיר HTML/CSS כאשר יש צורך בבוררים, מחלקות, סימון מקונן או גיליון סגנונות מלא יותר.

דלג על המרה ידנית

המר כל עמוד חי
ל-Tailwind CSS נקי

Tailfind מביא את הממיר לדפדפן שלך, כך שתוכל ללכוד את ממשק המשתמש הייצור ישירות מהדף שאתה צופה בו.

מידע נוסף הורד
צילום מסך של אפליקציה