टूल

किसी भी वेबसाइट से Tailwind थीम

वेबसाइट का पता डालें और उसके रंगों, फ़ॉन्ट फ़ैमिली, radius, shadows और breakpoints के साथ Tailwind v4 @theme ब्लॉक पाएँ, अपनी CSS में पेस्ट करने के लिए तैयार।

आज़माएँstripe.comlinear.appairbnb.com

यह कैसे काम करता है

Stylepack साइट को असली ब्राउज़र में खोलता है, चार चौड़ाइयों पर और दोनों थीम में वह मापता है जो रेंडर होता है (न कि जो stylesheet कहती है), और नतीजे को डिज़ाइन पैक के रूप में रखता है। पहले से मापी गई साइट तुरंत जवाब देती है; नई साइट में एक मिनट से कम लगता है। इस पेज का हर मान उसी पैक से आता है।

सवाल

यह Tailwind v3 है या v4?

Tailwind v4: CSS में एक @theme ब्लॉक। v3 के लिए वही मान कलर पैलेट टूल पर CSS variables और JSON के रूप में, और डिज़ाइन पैक की tokens.json में मिलते हैं।

थीम में क्या है?

भूमिका के नाम वाले रंग, फ़ॉन्ट फ़ैमिली अपने मुफ़्त स्टैंड-इन के साथ, radius scale, shadows और वे breakpoints जिन पर साइट अपना लेआउट बदलती है, सब लाइव पेज से मापे गए।

इसे साइट के साथ अपडेट कैसे रखूँ?

साइट का पैक पेज कभी भी खोलें: Stylepack इंडेक्स की गई साइटों को समय-समय पर फिर से मापता है और पैक में मापने की तारीख़ दी होती है।