التصميم و CSS
إنشاء CSS بصريًا: الظلال والتدرجات وتخطيطات flexbox وgrid والحركات ولوحات الألوان
أنشئ CSS بصريًا وانسخ الكود: ظلال الصناديق والنصوص، والتدرجات اللونية والتدرجات الشبكية، وتخطيطات flexbox وgrid، والزوايا المستديرة، ومسارات القص clip-path، والمرشحات، والتحويلات، والحركات، وتأثيرات glassmorphism وneumorphism. تساعدك مولدات لوحات الألوان ودرجاتها على بناء نظام ألوان متناسق، بينما تنشئ مولدات الموجات والأشكال والأنماط بصيغة SVG خلفيات خفيفة.
عدد الأدوات في هذه الفئة: 18
نقاط بداية مقترحة
جميع أدوات هذه الفئة
-
مولّد حركات CSS
أنشئ حركات CSS @keyframes من إعدادات مسبقة أو إطاراتك الرئيسية، واضبط المدة والتأخير والتكرار والاتجاه ووضع التعبئة ومنحنى cubic-bezier.
-
مولّد نصف قطر الحدود
ولّد border-radius في CSS بزوايا مستقلة ونصفي قطر X/Y إهليلجيين ووحدات px أو % وإعدادات blob مسبقة. يخرج أقصر صيغة مختصرة صالحة.
-
مولّد Clip Path
أنشئ أشكال clip-path في CSS: مضلعات بنقاط قابلة للسحب وإعدادات مسبقة، ودائرة وقطع ناقص وinset بزوايا مستديرة. معاينة حية ونسخ الكود.
-
مولّد لوحات الألوان
ولّد لوحات ألوان من لون أساسي بتناسقات متتامة ومتجاورة وثلاثية ورباعية ومربعة وأحادية اللون. ثبّت الألوان وصدّر CSS/Tailwind.
-
مولّد درجات اللون
حوّل لوناً واحداً إلى سلم 50–950 بنمط Tailwind مع tints وshades وtones. يُحسب في OKLCH وsRGB ويُصدَّر كمتغيرات CSS أو Tailwind أو JSON.
-
مولّد ظل الصندوق CSS
صمّم box-shadow في CSS بصرياً: كدّس طبقات متعددة واضبط الإزاحة والتمويه والانتشار والظل الداخلي وشفافية RGBA، مع معاينة حية ونسخ الكود.
-
مولّد Flexbox CSS
اضبط اتجاه Flexbox والالتفاف ومحاذاة المحتوى والفجوات وخصائص كل عنصر بصرياً، مع عناصر حية ومعاينة فورية وكود CSS جاهز للنسخ.
-
مولّد تدرج CSS
صمّم تدرجات CSS الخطية والدائرية والمخروطية بنقاط لونية قابلة للسحب وزوايا ووضع التكرار والاستيفاء بـ OKLCH. معاينة حية ونسخ الكود.
-
مولّد Grid CSS
ابنِ تخطيطات CSS Grid بصرياً: grid-template-columns/rows ومناطق مسماة مع تحقق وفجوات ومحاذاة وتموضع كل عنصر. انسخ CSS نظيفاً.
-
مولّد فلاتر CSS
اجمع دوال فلتر CSS مثل التمويه والسطوع والتباين والرمادي والسيبيا والظل المنسدل على صورة تجريبية أو صورتك الخاصة وانسخ الكود.
-
مولّد Glassmorphism
ولّد CSS للزجاج المصنفر بتمويه وإشباع backdrop-filter ولون وشفافية التظليل والحدود والظل، مع البادئة -webkit- لمتصفح Safari.
-
مولّد Mesh Gradient
أنشئ خلفيات CSS ناعمة بنمط mesh من تدرجات دائرية متراكبة. اسحب النقاط اللونية واضبط الانتشار وعشوائياً بمعرّف seed وانسخ كود CSS خالصاً.
-
مولّد Neumorphism
ولّد CSS لواجهة ناعمة (neumorphism): ظلال فاتحة وداكنة مشتقة من لونك الأساسي وأشكال مسطحة أو مقعرة أو محدبة أو مضغوطة وأربعة اتجاهات للضوء.
-
مولّد أنماط CSS
أنشئ أنماط خلفية بـ CSS خالصة – نقاط وبولكا وخطوط ولوح شطرنج وشبكة وزجزاج وتهشير متقاطع – بألوان وحجم بلاطة وسماكة. بلا صور.
-
مولّد أشكال Blob SVG
أنشئ أشكال blob عضوية ناعمة بصيغة SVG بنقاط وعشوائية وseed قابلة للضبط. تعبئة صلبة أو متدرجة أو حدود، ونزّل .svg أو انسخ CSS data URI.
-
مولّد موجات SVG
ولّد موجات SVG ناعمة أو مدببة أو متدرجة بطبقات وسعة وseed. نزّل ملف .svg أو انسخه كخلفية CSS بصيغة data URI لفواصل الأقسام.
-
مولّد ظل النص CSS
أنشئ تأثيرات text-shadow في CSS بطبقات متعددة: توهج وحدود ونص ثلاثي الأبعاد ريترو ونص بارز. معاينة حية بنصك مع كود قابل للنسخ.
-
مولّد تحويلات CSS
ولّد قيم تحويلات CSS: الإزاحة والتدوير والتحجيم والإمالة مع المنظور ثلاثي الأبعاد وأصل التحويل، مع معاينة حية وكود جاهز للنسخ.
فئات أخرى
- CRC خوارزميات التحقق من التكرار الدوري لاكتشاف الأخطاء
- MD خوارزميات ملخص الرسالة (MD2، MD4، MD5)
- SHA-1 خوارزمية التجزئة الآمنة 1 - دالة تجزئة 160 بت
- SHA-2 عائلة خوارزمية التجزئة الآمنة 2 (SHA-224، SHA-256، SHA-384، SHA-512)
- SHA-3 خوارزمية التجزئة الآمنة 3 بناءً على Keccak
- Keccak دالة التجزئة التشفيرية Keccak
- SHAKE دوال الإخراج القابل للتمديد (SHAKE128 وSHAKE256)
- cSHAKE دوال SHAKE القابلة للتخصيص (cSHAKE128 وcSHAKE256)
- KMAC رمز مصادقة الرسائل المبني على Keccak
- كلمات المرور والأمان أدوات إنشاء وتحليل وتجزئة وأمان كلمات المرور
- التشفير التشفير المتماثل وغير المتماثل وHMAC وتوليد المفاتيح (AES وDES الثلاثي وRSA وPGP)
- الترميز ترميز البيانات وفك ترميزها: Base64 وBase32 وBase58 وURL وكيانات HTML والست عشري وUnicode وغيرها
- المنسِّقات تنسيق الكود والبيانات وتصغيرها والتحقق منها (JSON وXML وYAML وSQL وHTML وCSS) وتحويل أنماط التسمية
- المولِّدات توليد المعرّفات والمفاتيح وبيانات الاختبار ورموز QR والباركود وملفات الإعداد (UUID ومفاتيح API و.gitignore وDockerfile)
- المحوِّلات تحويل صيغ البيانات وأنظمة العدّ والألوان والطوابع الزمنية والوحدات والعملات (JSON وCSV وYAML وXML)
- أدوات النصوص عدّ النصوص ومقارنتها وتنظيفها وتحويلها (عدّ الكلمات، المقارنة، التعابير النمطية، حالة الأحرف، التكرارات)
- أدوات الصور أدوات لمعالجة الصور وتحويلها (الضغط، تغيير الحجم، تحويل الصيغة)
- أدوات الويب أدوات لمطوري الويب وتحسين محركات البحث (JWT وعناوين URL وDNS وترويسات HTTP ووسوم meta وخرائط الموقع)
- الرياضيات والآلات الحاسبة آلات حاسبة للمال والصحة والنسب المئوية وحسابات المبرمجين والرياضيات اليومية
- الوقت والتاريخ المناطق الزمنية والفرق بين التواريخ وأيام العمل والمؤقتات وساعة الإيقاف والساعة العالمية