AI ToolsHub
الرئيسيةالتصنيفاتمساعد الاكتشافأدلة ورؤى
  1. الرئيسية
  2. الأدوات
  3. تصميم المواقع الإلكترونية
  4. tweakcn
tweakcn

tweakcn

محرِّر ثيمات `shadcn/ui`: عدِّل الألوان والطباعة والتباعد لتوليد كود CSS قابل للتكامل

تصميم المواقع الإلكترونيةمساعد التصميم
tweakcn screenshot
نظرة عامةالبدائل

الزيارات الشهرية

322.4K

متوسط مدة الجلسة

1 min

ترتيب الفئة

#1308

معدل الارتداد

0.4%

ما هو tweakcn؟

`tweakcn` هو محرِّر ثيمات قائم على الويب، مُصمَّم خصيصًا لمكتبة عناصر واجهة React الشهيرة `shadcn/ui`. يُمكِّن المطورين والمصممين من تخصيص ثيمات المكونات بشكل بديهي عن طريق ضبط الألوان والطباعة والتباعد وخواص Tailwind CSS الأخرى، مع توفير تغذية مرئية فورية. تدعم المنصة كلًا من إصدارَي Tailwind CSS الثالث والرابع، وتُقدِّم مجموعة مُنتقاة من ثيمات مُعدَّة مسبقًا وجميلة، وتُولِّد كود CSS جاهزًا للاستخدام يمكن دمجه مباشرةً في المشاريع. بفضل واجهته البديهية، يُبسِّط `tweakcn` عملية إنشاء ثيمات فريدة، مساعدًا مكونات `shadcn/ui` على التميز بينما يُسهِّل تصميم الثيمات دون الحاجة إلى كتابة أكواد يدويًا.

الميزات الرئيسية لـ tweakcn?

تخصيص مرئي فوري
معاينة مباشرة للتغييرات في الألوان والطباعة والتباعد وخصائص الأنماط الأخرى لمكونات `shadcn/ui`.
يدعم Tailwind CSS v3 وv4
التبديل بسلاسة بين إصدارات Tailwind مع التوافق مع تنسيقات ألوان متعددة، بما في ذلك OKLCH وHSL.
ثيمات مُعدَّة مسبقًا وجميلة
استخدم مكتبة متنامية من الثيمات المُصمَّمة مسبقًا لِوضعي التشغيل الفاتح والداكن لبدء التخصيص بسرعة.
توليد الأكواد
انسخ كود Tailwind CSS المُولَّد مباشرةً وادمجه بسهولة في مشاريع React أو Next.js باستخدام `shadcn/ui`.
ضوابط أنماط متقدمة
اضبط بدقة نصف قطر الحدود والظلال والتباعد والطباعة وخواص Tailwind الأخرى لإنشاء مظهر واجهة فريد.
لا حاجة للتسجيل
ابدأ في تخصيص الثيمات فورًا دون تسجيل دخول، مما يخفض عتبة الدخول.

بدائل لـ tweakcn

aura-2

aura-2

أورا هي منصة تصميم متكاملة تستفيد من نماذج الذكاء الاصطناعي المتقدمة لتسريع سير عمل التصميم. فهي تُمكّن المصممين والمطورين وغير المصممين على حد سواء من إنشاء تصاميم مواقع ويب وواجهات مستخدم جذابة بصرياً وجاهزة للإنتاج، من خلال الجمع بين الأوامر اللغوية الطبيعية وأدوات التحرير المرئية. تدعم المنصة طرقاً متعددة لإدخال التصميم، بما في ذلك الأوامر النصية، وتحويل الصورة إلى HTML، والتكامل مع Figma، حيث تقدم أوضاع التصميم المرئي والتحرير على مستوى الكود عبر Tailwind CSS. مع إمكانية الوصول إلى أكثر من 800 قالب احترافي، وأكثر من 15000 صورة مخزنة، وأكثر من 300 عنصر قابلة لإعادة الاستخدام، تَصِل أورا الفجوة بين التصور التصميمي وتنفيذ التطوير.

183.7K
تطابق: 100%
websim

websim

يستفيد WebSim من نماذج الذكاء الاصطناعي اللغوية المتقدمة والذكاء الاصطناعي المرئي لإنشاء مشاريع ويب متكاملة وتفاعلية استنادًا إلى أوامر المستخدم. يمكن للمستخدمين إنشاء مواقع ويب من الصفر، وإعادة مزج المشاريع الحالية، والتعاون من خلال التفرع والتعديل. تدعم المنصة النمذجة الأولية السريعة والاستكشاف الإبداعي، محولة الأفكار النصية إلى تجارب ويب متماسكة بصريًا وكاملة الوظائف، مما يجعلها مثالية للمصممين ومسوقي الأعمال ورواد الأعمال ورواد الذكاء الاصطناعي.

71.3K
تطابق: 100%
sitely

sitely

Sitely هي أداة حديثة ومرئية لتصميم المواقع الإلكترونية، مبنية خصيصًا لمستخدمي نظام ماك، مما يتيح لأي شخص - بغض النظر عن خبرته في البرمجة - إنشاء مواقع ويب احترافية وسريعة ومحسنة لتحسين محركات البحث (SEO). تجمع بين واجهة سحب وإفلات بديهية وميزات قوية مثل مولد مواقع مدعوم بالذكاء الاصطناعي، والتكامل مع Figma وSketch، والتأثيرات المرئية المتقدمة، وحماية خصوصية قوية. المواقع الثابتة التي يولدها Sitely آمنة وتحترم الخصوصية، مع تكامل جميع الوظائف بسلاسة في تطبيق أصلي لنظام ماك يدعم Apple Silicon والوضع الداكن.

21.0K
تطابق: 100%
siteforge

siteforge

يُعد SiteForge أداة مبتكرة مدعومة بالذكاء الاصطناعي تُحدث ثورة في عملية إنشاء المواقع الإلكترونية من خلال توليد إطارات سلكية مخصصة، وهياكل مواقع صديقة لمحركات البحث، ومحتوى يتماشى مع الهوية البصرية للعلامة التجارية بسرعة وكفاءة. بتجاوزه للنماذج الجاهزة، ينتج تخطيطات فريدة مصممة خصيصًا لصوت كل علامة تجارية وأهدافها التجارية. تعزز المنصة أداء تحسين محركات البحث من خلال خرائط مواقع ذكية وتحسين للمحتوى، مع تقديم محرّس سحب وإفلات بديهي مع ملاحظات ذكاء اصطناعي فورية. إن SiteForge مثالي للوكالات الرقمية، والمطورين، والمصممين، وفرق التسويق، والشركات الصغيرة والمتوسطة التي تسعى لتسريع تطوير المواقع الإلكترونية والحفاظ على رسالة علامتها التجارية متسقة.

3.5K
تطابق: 100%
mastergo-ai

mastergo-ai

MoGao Design هو مساعد تصميم ذكي متكامل ضمن منصة MasterGo، وهي أبرز أداة تصميم واجهة المستخدم/تجربة المستخدم التعاونية في الصين. تجمع المنصة بين الإمكانيات التقليدية للتصميم وميزات الأتمتة المتقدمة لتعزيز إنتاجية المصممين وتعاون الفريق. يقدم MoGao Design طرح التخطيطات الذكي، وملء الأصول تلقائياً، وفحص اتساق التصميم، والتحرير التعاوني في الوقت الفعلي. بوصفه حلاً شاملاً لفرق تصميم المنتجات، تدعم المنصة سير العمل الكامل من التصميم إلى التطوير من خلال التخزين السحابي وعمليات التسليم السلسة.

1.5M
تطابق: 67%
uxpin

uxpin

يُعد UXPin منصة متكاملة لتصميم تجربة المستخدم وواجهة المستخدم موجهة لفرق تطوير المنتجات، حيث تدعم مراحل توليد الأفكار، وإنشاء النماذج الأولية، وتصميم الواجهات، وبناء أنظمة تصميم قابلة للتوسع. تجمع المنصة بين إمكانيات نمذجة أولية تفاعلية متقدمة ومكونات برمجية حقيقية، مما يمكن الفرق من بناء نماذج أولية عالية الواقعية بتفاعلات حقيقية. يدعم UXPin التعاون الفوري، ويُحافظ على اتساق التصاميم عبر المكونات القابلة لإعادة الاستخدام، ويقوم تلقائياً بإنشاء المواصفات التقنية والأكواد البرمجية لتبسيط عملية تسليم التصاميم للمطورين. بيئته القائمة على المتصفح وتكاملها مع أنظمة التصميم تسرّع من تطوير المنتجات وتعزز التعاون بين الفرق الوظيفية المتعددة.

289.2K
تطابق: 67%
AI ToolsHub

مساعدك لاكتشاف ومقارنة وتنظيم أدوات الذكاء الاصطناعي.

هذا دليل للبرمجيات والـ SaaS. نحن لا نبيع أجهزة.

المنتج

  • Canva
  • Readdy
  • Lovart

قانوني

  • سياسة الخصوصية
  • شروط الخدمة

الشركة

  • من نحن
  • اتصل بنا

رائج في هذه الفئة

10web

10web

منصة لبناء وإدارة مواقع ووردبريس تشتمل على إنشاء المواقع، والاستضافة، والتعديل بالسحب والإفلات، وتحسين المحتوى المدعوم بالذكاء الاصطناعي.

784.1K
readdy-ai

readdy-ai

مساعد تصميم بالذكاء الاصطناعي يُولِّد واجهات المواقع الرسومية وأكواد الواجهة الأمامية من وصف بلغة طبيعية

830.8K
spaceship

spaceship

منصة مجال وخدمات ويب للإدارة الموحدة للنطاقات والاستضافة والبريد الإلكتروني وأدوات الشبكة.

1.5M
ux-pilot

ux-pilot

منصة تعاونية لتجربة المستخدم/واجهة المستخدم لإنشاء الهياكل الأولية، والواجهات عالية الجودة، والنماذج الأولية التفاعلية.

701.2K
durable

durable

منصة لبناء المواقع الإلكترونية تولد مواقع ويب مخصصة مع ميزات إدارة علاقات العملاء، والفواتير، والتسويق.

702.4K
wegic-ai

wegic-ai

منصة لتصميم الويب تقوم بإنشاء وتخصيص مواقع الويب المتجاوبة من خلال المحادثة باللغة الطبيعية.

455.1K

قد يعجبك أيضاً

aura-2

aura-2

أورا هي منصة تصميم متكاملة تستفيد من نماذج الذكاء الاصطناعي المتقدمة لتسريع سير عمل التصميم. فهي تُمكّن المصممين والمطورين وغير المصممين على حد سواء من إنشاء تصاميم مواقع ويب وواجهات مستخدم جذابة بصرياً وجاهزة للإنتاج، من خلال الجمع بين الأوامر اللغوية الطبيعية وأدوات التحرير المرئية. تدعم المنصة طرقاً متعددة لإدخال التصميم، بما في ذلك الأوامر النصية، وتحويل الصورة إلى HTML، والتكامل مع Figma، حيث تقدم أوضاع التصميم المرئي والتحرير على مستوى الكود عبر Tailwind CSS. مع إمكانية الوصول إلى أكثر من 800 قالب احترافي، وأكثر من 15000 صورة مخزنة، وأكثر من 300 عنصر قابلة لإعادة الاستخدام، تَصِل أورا الفجوة بين التصور التصميمي وتنفيذ التطوير.

183.7K
websim

websim

يستفيد WebSim من نماذج الذكاء الاصطناعي اللغوية المتقدمة والذكاء الاصطناعي المرئي لإنشاء مشاريع ويب متكاملة وتفاعلية استنادًا إلى أوامر المستخدم. يمكن للمستخدمين إنشاء مواقع ويب من الصفر، وإعادة مزج المشاريع الحالية، والتعاون من خلال التفرع والتعديل. تدعم المنصة النمذجة الأولية السريعة والاستكشاف الإبداعي، محولة الأفكار النصية إلى تجارب ويب متماسكة بصريًا وكاملة الوظائف، مما يجعلها مثالية للمصممين ومسوقي الأعمال ورواد الأعمال ورواد الذكاء الاصطناعي.

71.3K
sitely

sitely

Sitely هي أداة حديثة ومرئية لتصميم المواقع الإلكترونية، مبنية خصيصًا لمستخدمي نظام ماك، مما يتيح لأي شخص - بغض النظر عن خبرته في البرمجة - إنشاء مواقع ويب احترافية وسريعة ومحسنة لتحسين محركات البحث (SEO). تجمع بين واجهة سحب وإفلات بديهية وميزات قوية مثل مولد مواقع مدعوم بالذكاء الاصطناعي، والتكامل مع Figma وSketch، والتأثيرات المرئية المتقدمة، وحماية خصوصية قوية. المواقع الثابتة التي يولدها Sitely آمنة وتحترم الخصوصية، مع تكامل جميع الوظائف بسلاسة في تطبيق أصلي لنظام ماك يدعم Apple Silicon والوضع الداكن.

21.0K
siteforge

siteforge

يُعد SiteForge أداة مبتكرة مدعومة بالذكاء الاصطناعي تُحدث ثورة في عملية إنشاء المواقع الإلكترونية من خلال توليد إطارات سلكية مخصصة، وهياكل مواقع صديقة لمحركات البحث، ومحتوى يتماشى مع الهوية البصرية للعلامة التجارية بسرعة وكفاءة. بتجاوزه للنماذج الجاهزة، ينتج تخطيطات فريدة مصممة خصيصًا لصوت كل علامة تجارية وأهدافها التجارية. تعزز المنصة أداء تحسين محركات البحث من خلال خرائط مواقع ذكية وتحسين للمحتوى، مع تقديم محرّس سحب وإفلات بديهي مع ملاحظات ذكاء اصطناعي فورية. إن SiteForge مثالي للوكالات الرقمية، والمطورين، والمصممين، وفرق التسويق، والشركات الصغيرة والمتوسطة التي تسعى لتسريع تطوير المواقع الإلكترونية والحفاظ على رسالة علامتها التجارية متسقة.

3.5K
mastergo-ai

mastergo-ai

MoGao Design هو مساعد تصميم ذكي متكامل ضمن منصة MasterGo، وهي أبرز أداة تصميم واجهة المستخدم/تجربة المستخدم التعاونية في الصين. تجمع المنصة بين الإمكانيات التقليدية للتصميم وميزات الأتمتة المتقدمة لتعزيز إنتاجية المصممين وتعاون الفريق. يقدم MoGao Design طرح التخطيطات الذكي، وملء الأصول تلقائياً، وفحص اتساق التصميم، والتحرير التعاوني في الوقت الفعلي. بوصفه حلاً شاملاً لفرق تصميم المنتجات، تدعم المنصة سير العمل الكامل من التصميم إلى التطوير من خلال التخزين السحابي وعمليات التسليم السلسة.

1.5M
uxpin

uxpin

يُعد UXPin منصة متكاملة لتصميم تجربة المستخدم وواجهة المستخدم موجهة لفرق تطوير المنتجات، حيث تدعم مراحل توليد الأفكار، وإنشاء النماذج الأولية، وتصميم الواجهات، وبناء أنظمة تصميم قابلة للتوسع. تجمع المنصة بين إمكانيات نمذجة أولية تفاعلية متقدمة ومكونات برمجية حقيقية، مما يمكن الفرق من بناء نماذج أولية عالية الواقعية بتفاعلات حقيقية. يدعم UXPin التعاون الفوري، ويُحافظ على اتساق التصاميم عبر المكونات القابلة لإعادة الاستخدام، ويقوم تلقائياً بإنشاء المواصفات التقنية والأكواد البرمجية لتبسيط عملية تسليم التصاميم للمطورين. بيئته القائمة على المتصفح وتكاملها مع أنظمة التصميم تسرّع من تطوير المنتجات وتعزز التعاون بين الفرق الوظيفية المتعددة.

289.2K