CSS और डिज़ाइन
CSS जनरेट करें, लेआउट बनाएँ, एनिमेशन बनाएँ और लाइव प्रीव्यू के साथ डिज़ाइन करें।
44 tools
सीएसएस ग्रेडिएंट जनरेटर
एकाधिक रंग स्टॉप और कोण नियंत्रण के साथ सुंदर लीनियर, रेडियल और कोनिक सीएसएस ग्रेडिएंट बनाएं।
🎨 CSS & Design
सीएसएस बॉक्स शैडो जनरेटर
एकाधिक परतों, इनसेट विकल्पों और रियल-टाइम पूर्वावलोकन के साथ सीएसएस बॉक्स शेड्स बनाएं।
🎨 CSS & Design
सीएसएस टेक्स्ट शैडो जनरेटर
विज़ुअल नियंत्रणों के साथ ऑफ़सेट, धुंधलापन, रंग और अपारदर्शिता के लिए सीएसएस टेक्स्ट शैडो बनाएं।
🎨 CSS & Design
सीएसएस बॉर्डर रेडियस जनरेटर
प्रति कोने नियंत्रण और दृश्य पूर्वावलोकन के साथ सीएसएस बॉर्डर-रेडियस मान उत्पन्न करें।
🎨 CSS & Design
सीएसएस बटन जनरेटर
रंगों, पैडिंग, सीमाओं, छाया और होवर प्रभावों के साथ कस्टम सीएसएस बटन डिज़ाइन करें।
🎨 CSS & Design
सीएसएस कार्ड जनरेटर
बैकड्रॉप ब्लर, पारदर्शिता और शैडो नियंत्रण के साथ ग्लासमॉर्फिक कार्ड डिज़ाइन बनाएं।
🎨 CSS & Design
सीएसएस टूलटिप जनरेटर
कस्टमाइज़ करने योग्य स्थिति, तीर, रंग और शैली के साथ शुद्ध सीएसएस टूलटिप्स बनाएं।
🎨 CSS & Design
सीएसएस रिबन जनरेटर
कार्ड और सामग्री अनुभागों के लिए सीएसएस कोने और एज रिबन बनाएं।
🎨 CSS & Design
सीएसएस स्पिनर जनरेटर
अनुकूलित शैलियों के साथ सीएसएस लोडिंग स्पिनर और एनिमेटेड लोडर बनाएं।
🎨 CSS & Design
सीएसएस त्रिकोण जनरेटर
बॉर्डर तकनीक का उपयोग करके दिशा और रंग नियंत्रण के साथ सीएसएस त्रिकोण बनाएं।
🎨 CSS & Design
सीएसएस क्लिप पथ जनरेटर
पॉलीगन, सर्कल और एलिप्स प्रीसेट के साथ सीएसएस क्लिप-पथ आकार बनाएं।
🎨 CSS & Design
सीएसएस फ़िल्टर जनरेटर
दृश्य नियंत्रण के साथ धुंधलापन, चमक, कंट्रास्ट और अधिक जैसे सीएसएस फिल्टर प्रभाव लागू करें।
🎨 CSS & Design
सीएसएस ट्रांसफ़ॉर्म प्लेग्राउंड
सीएसएस ट्रांसफ़ॉर्म के साथ प्रयोग करें, जिसमें घुमाना, स्केल करना, तिरछा करना और अनुवाद करना शामिल है, जिसमें 3डी परिप्रेक्ष्य भी शामिल है।
🎨 CSS & Design
सीएसएस एनिमेशन जनरेटर
प्रीसेट प्रभावों और अनुकूलन योग्य समय के साथ सीएसएस कीफ़्रेम एनिमेशन बनाएं।
🎨 CSS & Design
सीएसएस ट्रांज़िशन जनरेटर
कस्टमाइज़ करने योग्य प्रॉपर्टी, अवधि, ईजिंग, और होवर प्रभावों के साथ सीएसएस ट्रांज़िशन बनाएं।
🎨 CSS & Design
सीएसएस फ्लेक्सबॉक्स प्लेग्राउंड
इंटरएक्टिव नियंत्रणों के साथ विज़ुअल सीएसएस फ्लेक्सबॉक्स एक्सप्लोरर, सभी फ्लेक्स कंटेनर गुणों के लिए。
🎨 CSS & Design
सीएसएस ग्रिड प्लेग्राउंड
इंटरएक्टिव नियंत्रणों के साथ विज़ुअल सीएसएस ग्रिड बिल्डर, टेम्पलेट कॉलम, पंक्तियों, और अंतराल के लिए।
🎨 CSS & Design
सीएसएस टेबल जनरेटर
अनुकूलित रंगों, धारियों और होवर प्रभावों के साथ सुंदर ढंग से डिज़ाइन किए गए एचटीएमएल तालिकाएं बनाएं।
🎨 CSS & Design
सीएसएस कॉलम जनरेटर
कस्टमाइज़ करने योग्य कॉलम गिनती, अंतर और नियम शैली के साथ मल्टी-कॉलम टेक्स्ट लेआउट बनाएं।
🎨 CSS & Design
सीएसएस स्क्रॉल स्नैप जनरेटर
क्षैतिज और ऊर्ध्वाधर स्क्रॉलिंग के लिए सीएसएस स्क्रॉल स्नैप लेआउट उत्पन्न करें जिसमें स्नैप संरेखण हो।
🎨 CSS & Design
ग्लास्मॉर्फिज़म जनरेटर
पृष्ठभूमि धुंधलापन, पारदर्शिता और संतृप्ति नियंत्रण के साथ फ्रोस्टेड ग्लास यूआई प्रभाव बनाएं।
🎨 CSS & Design
न्यूमॉर्फिज़म जनरेटर
प्रकाश और अंधकार छाया जोड़ियों के साथ न्यूमॉर्फिक (सॉफ्ट यूआई) डिज़ाइन बनाएं।
🎨 CSS & Design
क्लेमॉर्फिज़म जनरेटर
गोल कोनों, आंतरिक छाया और नरम हाइलाइट्स के साथ मिट्टी जैसे 3डी यूआई प्रभाव बनाएं।
🎨 CSS & Design
सीएसएस ग्रेडिएंट टेक्स्ट
सीएसएस बैकग्राउंड-क्लिप और टेक्स्ट-फिल-रंग का उपयोग करके ग्रेडिएंट फिल वाला टेक्स्ट बनाएं।
🎨 CSS & Design
सीएसएस बैकग्राउंड पैटर्न
पुनरावृत्ति सीएसएस बैकग्राउंड पैटर्न बनाएं, जिसमें धारियां, चेकरबोर्ड, बिंदु और अधिक शामिल हैं।
🎨 CSS & Design
एसवीजी पैटर्न जनरेटर
सीएसएस बैकग्राउंड के लिए विभिन्न आकारों के साथ एसवीजी-आधारित दोहराए जाने वाले पैटर्न बनाएं।
🎨 CSS & Design
सीएसएस ब्लॉब जनरेटर
ग्रेडिएंट फिल और रैंडमाइजेशन के साथ जैविक ब्लॉब आकार एसवीजी के रूप में बनाएं।
🎨 CSS & Design
सीएसएस वेव जनरेटर
अनुकूलन योग्य तरंगों, ऊंचाई और रंगों के साथ एसवीजी वेव सेक्शन डिवाइडर बनाएं।
🎨 CSS & Design
सीएसएस डिवाइडर जनरेटर
ग्रेडिएंट, शैडो और ज़िगज़ैग सहित कई शैलियों के साथ सीएसएस अनुभाग विभाजक उत्पन्न करें।
🎨 CSS & Design
उत्तरदायी डिज़ाइन टेस्टर
एक निर्मित iframe दर्शक के साथ आम उपकरण ब्रेकपॉइंट पर वेबसाइटों का पूर्वावलोकन करें।
🎨 CSS & Design
मीडिया क्वेरी जनरेटर
विशेषता शर्तों और पूर्व-निर्धारित ब्रेकपॉइंट्स के साथ सीएसएस मीडिया क्वेरीज़ बनाएं।
🎨 CSS & Design
टेलविंड सीएसएस प्लेग्राउंड
तत्वों पर टेलविंड सीएसएस यूटिलिटी कक्षाओं को लागू करें और लाइव पूर्वावलोकन और एचटीएमएल आउटपुट देखें।
🎨 CSS & Design
टेलविंड कॉन्फ़िग जनरेटर
कस्टम रंगों, फ़ॉन्ट्स और ब्रेकपॉइंट्स के साथ टेलविंड सीएसएस कॉन्फ़िगरेशन फ़ाइलें बनाएं।
🎨 CSS & Design
टाइपोग्राफी स्केल जनरेटर
बेस आकार, अनुपात और इकाई को अनुकूलित करने वाला एक मॉड्यूलर टाइपोग्राफिक स्केल बनाएं।
🎨 CSS & Design
स्पेसिंग स्केल जनरेटर
एक अनुकूलन योग्य बेस इकाई और गुणकों के साथ एक समान स्पेसिंग स्केल प्रणाली बनाएं।
🎨 CSS & Design
गूगल फ़ॉन्ट्स पूर्वावलोकन
अपने अनुकूलित पाठ, आकार, वजन और अक्षर अंतराल के साथ गूगल फ़ॉन्ट्स का पूर्वावलोकन करें।
🎨 CSS & Design
आइकॉन खोज
समायोज्य आकार, रंग और स्ट्रोक के साथ ओपन-सोर्स एसवीजी आइकॉन को खोजें और अनुकूलित करें।
🎨 CSS & Design
एसवीजी से सीएसएस बैकग्राउंड
डेटा यूआरआई एन्कोडिंग का उपयोग करके एसवीजी कोड को सीएसएस बैकग्राउंड-इमेज के रूप में एनकोड करें।
🎨 CSS & Design
सीएसएस वेरिएबल जनरेटर
रंग, स्पेसिंग और टाइपोग्राफी के लिए सीएसएस कस्टम प्रॉपर्टीज (वेरिएबल्स) बनाएं।
🎨 CSS & Design
सीएसएस रीसेट व्यूअर
लोकप्रिय सीएसएस रीसेट और नॉर्मलाइज़ शीट्स को देखें और तुलना करें।
🎨 CSS & Design
आयाम अनुपात बॉक्स जनरेटर
आधुनिक और विरासत CSS दृष्टिकोणों के साथ प्रतिक्रियाशील आयाम अनुपात बॉक्स उत्पन्न करें।
🎨 CSS & Design
सीएसएस काउंटर जनरेटर
विभिन्न शैलियों और नेस्टिंग के साथ कस्टम संख्यांकित सूचियों के लिए सीएसएस काउंटर उत्पन्न करें।
🎨 CSS & Design
प्रिंट शीटस्टाइल जनरेटर
@मीडिया प्रिंट शैलियों को छुपाने, टेक्स्ट की शैली बदलने और पेज ब्रेक पर नियंत्रण रखने के विकल्पों के साथ जनरेट करें।
🎨 CSS & Design
ईमेल सीएसएस इनलाइनर
ईमेल टेम्प्लेट के लिए संगतता के लिए एचटीएमएल तत्वों में सीएसएस शैलियों को इनलाइन करें।
🎨 CSS & Design