Visual generators for gradients, shadows, layouts and modern CSS features.
اس زمرے میں 24 ٹولز
CSS گلاس مورفزم جنریٹر مقبول
CSS گلاس مورفزم backdrop-filter اسٹائل بنائیں
ٹول کھولیںCSS باکس شیڈو بلڈر
براہِ راست پیش منظر کے ساتھ CSS باکس شیڈو بنائیں
ٹول کھولیںWCAG رنگ کنٹراسٹ چیکر
WCAG کے مطابق عبارت اور پس منظر کا کنٹراسٹ جانچیں
ٹول کھولیںCSS گریڈیئنٹ بلڈر
تین تک رنگی پڑاؤ کے ساتھ خطی، شعاعی اور مخروطی گریڈینٹ بنائیں
ٹول کھولیںCSS بارڈر رداس بلڈر
ہر کونا الگ الگ گول کریں، پکسل یا فیصد میں
ٹول کھولیںUI رنگ پیلیٹ جنریٹر
ایک برانڈ رنگ سے انٹرفیس کے کردار بنائیں — پیمانہ، غیر جانب دار رنگ اور معنوی رنگ
ٹول کھولیںCSS Flexbox لے آؤٹ جنریٹر
flex-direction، align-items اور justify-content ترتیب دیں
ٹول کھولیںCSS Grid ٹیمپلیٹ بلڈر
grid-template-columns اور ریسپانسو CSS گرڈ ترتیب دیں
ٹول کھولیںCSS کی فریم اینیمیشن جنریٹر
pulse، float، spin اور bounce قسم کی CSS اینیمیشنز بنائیں
ٹول کھولیںCSS بٹن اسٹائل جنریٹر
ہوور اثرات کے ساتھ جدید UI بٹن بنائیں
ٹول کھولیںخالص CSS بارڈر مثلث بلڈر
خالص CSS سے تیر اور مثلث بنائیں
ٹول کھولیںCSS clamp() فلوئڈ ٹائپوگرافی جنریٹر
فلوئڈ ٹائپوگرافی کے clamp(min, vw, max) قواعد شمار کریں
ٹول کھولیںCSS aspect-ratio پراپرٹی جنریٹر
ریسپانسو میڈیا کے لیے CSS aspect-ratio قواعد بنائیں
ٹول کھولیںبلاب جنریٹر
قدرتی انداز کی بلاب شکلیں border-radius CSS یا SVG راستے کے طور پر بنائیں۔
ٹول کھولیںکلپ پاتھ جنریٹر
براہِ راست پیش منظر کے ساتھ عناصر کو دائرے، بیضوی، اِنسیٹ اور کثیر الاضلاع میں کاٹیں۔
ٹول کھولیںکلر وہیل اور اسکیم جنریٹر
کسی بھی بنیادی رنگ سے متضاد، سہ رنگی، ہم آہنگ اور دیگر رنگ ترتیبیں بنائیں۔
ٹول کھولیںCSS فلٹر جنریٹر
دھندلاہٹ، روشنی، کنٹراسٹ، رنگت اور مزید کو ایک ہی فلٹر قاعدے میں جمع کریں۔
ٹول کھولیںCSS پس منظر نمونہ جنریٹر
دھاریاں، نقطے، خانے اور گرڈ پس منظر خالص CSS میں بنائیں جو آپ کاپی کر سکیں۔
ٹول کھولیںCubic Bezier ایڈیٹر
ایزنگ کرو بنائیں اور اسے براہِ راست اینیمیشن چلاتے دیکھیں۔
ٹول کھولیںنیومورفزم جنریٹر
نرم UI سائے بنائیں، ایسے کنٹراسٹ جانچ کے ساتھ جو ناقابلِ مطالعہ نتائج کی نشاندہی کرے۔
ٹول کھولیںPX سے REM کنورٹر
کسی بھی بنیادی فونٹ سائز کے مقابل px کو rem اور rem کو px میں بدلیں — ایک قدر یا پوری فہرست۔
ٹول کھولیںاسکرول بار اسٹائلر
اسکرول بار کو معیاری خصوصیات اور WebKit متبادل، دونوں کے ساتھ سنواریں۔
ٹول کھولیںTailwind رنگ شیڈ جنریٹر
ایک رنگ سے 50 تا 950 کا مکمل Tailwind شیڈ اسکیل بنائیں، آپ کی config میں چسپاں کرنے کے لیے تیار۔
ٹول کھولیںٹیکسٹ شیڈو جنریٹر
تہہ دار ٹیکسٹ سائے بنائیں، ہلکے ابھار سے لے کر نیون اور آؤٹ لائن اثرات تک۔
ٹول کھولیںسی ایس ایس ٹولز کے بارے میں
اکثر پوچھے گئے سوالات
اس صفحے پر موجود سی ایس ایس ٹولز سے کیا توقع رکھی جائے۔
نہیں۔ ہر ٹول آپ کو براہِ راست پیش منظر اور کاپی کرنے کے قابل کوڈ دیتا ہے، اس لیے آپ کنٹرولز کو اُس وقت تک بدل سکتے ہیں جب تک نتیجہ ٹھیک نہ لگے، اور پھر اسے اپنی اسٹائل شیٹ میں چسپاں کر دیں۔
یہ ٹولز معیاری جدید CSS دیتے ہیں۔ جہاں کسی خاصیت کی سہولت جزوی ہو وہاں نشاندہی کر دی جاتی ہے، مگر شائع کرنے سے پہلے نتیجہ اپنے مطلوبہ براؤزر سپورٹ کے مقابل جانچ لیں۔
جی ہاں۔ نتیجہ سادہ CSS ہوتا ہے، بغیر کسی فریم ورک یا بلڈ مرحلے کے، اس لیے آپ اسے آزادی سے بدل سکتے ہیں۔
نہیں۔ تیار شدہ CSS آپ کا ہے، ذاتی اور تجارتی منصوبوں میں بغیر حوالہ دیے استعمال کریں۔
دیگر زمرے دیکھیں
کنورٹرز
اکائیاں، رنگ، اینکوڈنگ، تاریخیں اور روزمرہ حسابات۔
34 ٹولزاے آئی ٹولز
لکھنے کے وہ ٹولز جو مواد کا مسودہ بناتے، انداز بدلتے اور خاکہ تیار کرتے ہیں۔ ہر ایک بغیر اکاؤنٹ کے آپ کے براؤزر میں چلتا ہے، اور ہر ایک کو آپ کی اپنی مفت اے آئی کلید سے بہتر بنایا جا سکتا ہے — کلید آپ کے براؤزر ہی میں رہتی ہے اور درخواست کبھی اس سائٹ تک نہیں پہنچتی۔
16 ٹولزویڈیو کے اوزار
ایک فریم بھی اپ لوڈ کیے بغیر ویڈیو کترنے، توڑنے، کاٹنے، دبانے اور بدلنے کے اوزار۔
17 ٹولزامیج ٹولز
تصاویر کو کہیں اپ لوڈ کیے بغیر سکیڑیں، بدلیں، کاٹیں اور سنواریں۔
29 ٹولزایس ای او ٹولز
وہ تکنیکی ایس ای او اشارے جانچیں، بنائیں اور درست کریں جو سرچ انجن واقعی پڑھتے ہیں۔
20 ٹولزڈویلپر ٹولز
روزمرہ کے ڈیٹا فارمیٹس کو ترتیب دیں، ڈی کوڈ کریں، ہیش کریں اور جانچیں۔
29 ٹولزپی ڈی ایف ٹولز
PDF دستاویزات مکمل طور پر اپنے آلے پر بنائیں، جانچیں اور اُن پر نشان لگائیں۔
20 ٹولزٹیکسٹ ٹولز
براؤزر سے نکلے بغیر عبارت کا موازنہ کریں، صاف کریں، ترتیب دیں اور نئی شکل دیں۔
14 ٹولز