# Panda CSS

مكتبة CSS-in-JS حديثة توفر إمكانات تنسيق متميزة مع التوليد الثابت وأمان الأنواع.

[Website](https://panda-css.com) [GitHub](https://github.com/chakra-ui/panda) [npm](https://npmjs.com/package/@pandacss/dev)

تدمج مكتبة التنسيق المبتكرة هذه مبادئ CSS-in-JS، ما يتيح للمطورين إنشاء الأنماط وقت البناء لتحقيق أفضل أداء. صُممت Panda CSS لتوفير تجربة ملائمة للمطورين، مع ميزات مثل الأنماط الآمنة نوعيًا، ودعم المتغيرات المتعددة، والتوافق مع مكونات الخادم.

تتمثل إحدى أبرز قدرات Panda CSS في إنشاء أكواد CSS حديثة بالاستفادة من ميزات CSS المتقدمة، مثل طبقات التتالي ومتغيرات CSS. وتدعم المكتبة رموز التصميم، ما يتيح للمطورين تعريف الرموز الأساسية والدلالية بكفاءة.

تركز Panda CSS على سهولة التعلم وتوفير تجربة ممتازة للمطورين، وتتيح لهم إنشاء أنماط المكونات باستخدام الدوال المساعدة والوصفات. كما تتكامل المكتبة بسلاسة مع أُطر JavaScript الشائعة، ما يجعلها مرنة لمختلف المشاريع.

تتوفر دورة Panda Mastery الرسمية لمساعدة المستخدمين على تعلم التطبيقات العملية للمكتبة وبناء أنظمة تصميم متسقة بثقة.

## الميزات

- CSS-in-JS
- أنماط تُنشأ وقت البناء
- متوافق مع RSC
- دعم المتغيرات المتعددة
- أنماط آمنة نوعيًا
- دعم رموز التصميم
- وصفات سهلة الاستخدام

## التفاصيل

**نجوم GitHub**

5.3K

**تنزيلات npm**

76.8K/أسبوع

**أحدث إصدار**

0.48.0

**تاريخ الإنشاء**

Jul 27, 2022

**تاريخ التحديث**

Dec 6, 2024

**الترخيص**

MIT License

إعلانك هنا؟

[راسلنا عبر البريد الإلكتروني](mailto:hi@dennn.is?subject=%D8%A7%D9%84%D8%A5%D8%B9%D9%84%D8%A7%D9%86%20%D8%B9%D9%84%D9%89%20KickstartUI)

[إعلان مجموعة إضافات جاهزة للوكلاء من أجل WordPress.](https://sleekwp.com/?ref=kickstartui)

## عناصر ذات صلة

### [Corset](https://kickstartui.com/ar/details/corset/)

عزّز HTML بأسلوب تفاعلي يربط JavaScript دون تعقيدات مرهقة.

**نجوم GitHub**

277

**تاريخ التحديث**

Nov 16, 2024

**الترخيص**

BSD 2-Clause "Simplified" License

### [Nue](https://kickstartui.com/ar/details/nuejs/)

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

**نجوم GitHub**

34

**تاريخ التحديث**

May 27, 2022

**الترخيص**

MIT License

### [usehooks-ts](https://kickstartui.com/ar/details/usehooks-ts/)

مجموعة من خطافات React تعزز عملية التطوير لديك عبر توفير حلول جاهزة للاستخدام، وتضمن سلامة الأنواع والكفاءة في تطبيقاتك.

**نجوم GitHub**

6.6K

**تاريخ التحديث**

Dec 6, 2024

**الترخيص**

MIT License

### [Alpine.js](https://kickstartui.com/ar/details/alpinejs/)

إطار عمل قوي وبسيط لتركيب السلوك مباشرةً في الترميز.

**نجوم GitHub**

28.5K

**تاريخ التحديث**

Dec 6, 2024

**الترخيص**

MIT License

### [Angular](https://kickstartui.com/ar/details/angular/)

يوفر إطار العمل هذا حلًا قويًا لإنشاء تطبيقات ويب ديناميكية وقابلة للتوسع. وتلبي ميزاته الواسعة احتياجات المطورين الباحثين عن نهج مرن ومنظم لتطوير التطبيقات.

**نجوم GitHub**

96.4K

**تاريخ التحديث**

Dec 6, 2024

**الترخيص**

MIT License

### [Astro](https://kickstartui.com/ar/details/astro/)

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

**نجوم GitHub**

47.4K

**تاريخ التحديث**

Dec 6, 2024

**الترخيص**

Other

### [dndkit](https://kickstartui.com/ar/details/dndkit/)

مجموعة أدوات تتيح للمطورين إضافة وظائف السحب والإفلات بسهولة إلى تطبيقات React.

**نجوم GitHub**

13.3K

**تاريخ التحديث**

Dec 6, 2024

**الترخيص**

MIT License

### [Docusaurus](https://kickstartui.com/ar/details/docusaurus/)

مشروع يساعد على إنشاء مواقع التوثيق بسهولة، مع التركيز على المحتوى وسهولة الاستخدام.

**نجوم GitHub**

57.0K

**تاريخ التحديث**

Dec 6, 2024

**الترخيص**

MIT License