مصدر مفتوح. آفاق جديدة.

إلكترون إطار لبناء تطبيقات سطح مكتب متعددة المنصات باستخدام JavaScript وHTML وCSS، مدعوم بـChromium وNode.js.

Materialize هو إطار عمل CSS حديث يعتمد على مبادئ Material Design، ويوفر مجموعة من الأدوات لإنشاء واجهات مستخدم متجاوبة ومتسقة بصرياً.

Pixel Art to CSS محرر عبر الإنترنت مبنٍ بالرياكتر لرسم وت-animate الفن البيكسلي ثم توليد كود CSS باستخدام box-shadow وkeyframes. يدعم تخصيص لوحة الألوان، إعدادات الحركة، حفظ/تحميل المشاريع، وتصدير إلى صورة ثابتة أو GIF متحرك أو صورة سبرايت.

دليل مقابلات الواجهة الأمامية: مجموعة مفتوحة المصدر لمواد تحضير مقابلات تطوير الواجهات الأمامية تغطي أشكال المقابلات وتصميم الأنظمة والأسئلة الخاصة بالشركات مع ترجمات لعدة لغات.

قالب لوحة تحكم وإدارة مجاني لـ React بترخيص MIT، مبني على React 19 ومكونات CoreUI React وVite، مع ملفات سياق للمساعد الذكي (.cursorrules, ARCHITECTURE.md, DEVELOPMENT.md) وهيكل جاهز للتخطيط والتوجيه والشريط الجانبي.

Primer CSS هو تنفيذ CSS لنظام تصميم Primer الخاص بـ GitHub، ويتم توزيعه كحزمة @primer/css على npm. يوفر ملفات Sass/SCSS مع فئات مساعدة وأنماط مكونات، وهو حالياً في وضع الصيانة (KTLO).

Oat هي مكتبة واجهة مستخدم (UI) فائقة الخفة وبدون تبعيات تعتمد على HTML/CSS/JS الدلالي (حوالي 10 كيلوبايت). لا تتطلب إطار عمل أو عملية بناء، وتنسق الوسوم الدلالية سياقياً دون الحاجة لفئات (classes).

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

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

AdminLTE هو قالب لوحة تحكم إدارية متجاوب مرخص بموجب MIT، مبني على Bootstrap 5.3 وJavaScript الخام، متاح عبر CDN أو npm أو Composer، مع إصدارات مخصصة لـ React وVue وLaravel وDjango وغيرها.

أداة تجميل الشيفرة لـ JavaScript وCSS وHTML تعيد تنسيقها ومسافات بادئة لها مع خيارات تكوين واسعة. متوفرة كأداة سطر أوامر، ومكتبة Node.js، وحزمة Python، ومكتبة ويب.

قالب CoreUI المجاني للوحة تحكم Vue هو قالب لوحة تحكم مفتوح المصدر ومرخص MIT، مبني على Vue 3 وVite، مع ملفات مساعدة للذكاء الاصطناعي مثل .cursorrules و ARCHITECTURE.md و DEVELOPMENT.md.

ديمبراندت أداة سطر أوامر تعتمد على نود.جس ترسم الموقع عبر بلايررايت وتقرأ الأنماط المحسوبة من الـ DOM وتحوّل الألوان والخطوط والمسافات والحدود والظلال والحركة والمكونات إلى رموز تصميم W3C مع مراقبة الانحراف في بيئة CI ودعم MCP.

يُعرف Franken UI (franken-ui/ui) بأنه مكتبة مكونات واجهة مستخدم تعتمد أولاً على HTML، مبنية على UIkit 3 وموسعة باستخدام LitElement ومستوحاة من shadcn/ui. يشير ملف README حالياً إلى الانتقال إلى 0build، لذا تتوفر التوثيقات في مكان آخر.

مجموعة من المقالات والقصاصات البرمجية المصممة لمساعدة المطورين على تحسين مهاراتهم من خلال أمثلة وشروحات عملية.

Omatsuri تطبيق ويب تقدمي يجمع 12 أداة مطور واجهات أمامية في مكان واحد، مع التركيز على الخصوصية: لا إعلانات، لا تحليلات، ويعمل بالكامل داخل المتصفح بدون اتصال بالإنترنت.

منهج مفتوح المصدر من Microsoft Cloud Advocates يمتد 12 أسبوعًا و24 درسًا لتعليم HTML وCSS وJavaScript عبر مشاريع عملية تشمل الحدائق والملحقات ولعبة فضاء وتطبيق مصرفي.

بولما هو إطار عمل CSS حديث يعتمد على الفليكس بوكس، يتم توزيعه كملف CSS واحد دون JavaScript، ويدعم التخصيص عبر ملفات Sass.

نظام تصميم Priceline هو مكتبة مكونات واجهة المستخدم مفتوحة المصدر ونظام التصميم الرسمي لشركة Priceline.com. يهدف إلى توحيد أنماط الواجهات، وتسريع التصاميم والتطوير، وتعزيز إمكانية الوصول والذكاء الدولي والتصميم المتجاوب. يُنشر كحزمة npm.

Spruce CSS هو نظام تصميم وإطار عمل CSS مفتوح المصدر وخفيف الوزن يعتمد على Sass، يوفر متغيرات وmixins ودوال، مع عدد قليل من فئات الأدوات وتخصيص السمات عبر خصائص CSS المخصصة بما في ذلك الوضع الداكن.