مثال لتطبيق صفحة واحدة (SPA) لمنصة توصيل طعام ضخمة مبني باستخدام vue2 + vuex، يضم 45 صفحة تغطي تدفقات كاملة مثل تحديد الموقع، قوائم المتاجر، البحث، عربة التسوق، وإدارة الطلبات، مع توفر نظام خلفي Node وموقع إدارة، ليكون مرجعاً تعليمياً لتطبيقات Vue الكبيرة.
مصدر مفتوح. آفاق جديدة.
اكتشف مشاريع مفتوحة المصدر عالية الجودة، وأرسل المشاريع بشكل مجهول، وطالب بمشروعك المفتوح المصدر وحرّره.
فضول صغير. عالم من المصادر المفتوحة.
THE FIRST COLLECTIONChatwoot هي منصة دعم عملاء مفتوحة المصدر ومستضافة ذاتيًا، ومكتب مساعدة متعدد القنوات، وتُقدَّم كبديل لـ Intercom وZendesk وSalesforce Service Cloud. إنها توحّد الدردشة المباشرة والبريد الإلكتروني والقنوات الاجتماعية في صندوق وارد واحد، مع وكيل ذكاء اصطناعي ومركز مساعدة وأتمتة وتقارير.
Spruce CSS هو نظام تصميم وإطار عمل CSS مفتوح المصدر وخفيف الوزن يعتمد على Sass، يوفر متغيرات وmixins ودوال، مع عدد قليل من فئات الأدوات وتخصيص السمات عبر خصائص CSS المخصصة بما في ذلك الوضع الداكن.
نظام تصميم هيلسنكي (HDS) هو نظام تصميم مفتوح المصدر من مدينة هيلسنكي، يقدم مكونات React ورسائل CSS ورموز التصميم، بالإضافة إلى التوثيق والموارد التصميمية.
Bootstrap هو إطار عمل مفتوح المصدر واسع الانتشار للواجهات الأمامية لبناء مواقع متجاوبة تعتمد منهجية الجوال أولاً. يوفر CSS وJavaScript مُجمّعة ومصدرية ومكوّنات وفئات أدوات وأدوات تخصيص، مع خيارات تثبيت عبر npm وComposer وNuGet وغيرها.
PlayCanvas PCUI هي مكتبة مكونات واجهة مستخدم مرخصة بموجب MIT لأدوات الويب، توفر مكونات منسقة بالكامل، وأغلفة React، وربط بيانات قائم على observer، وأمثلة Storybook، وتخصيص الخطوط، ودعم حزم UMD.
Tabler هو مجموعة أدوات واجهة مستخدم (UI kit) مجانية ومفتوحة المصدر مبنية على Bootstrap 5، توفر تخطيطات ومكونات جاهزة وأكثر من 120 صفحة تجريبية للوحات التحكم وتطبيقات الويب، مع دعم الوضع الداكن وRTL.
أوروجا هو مكتبة مكونات واجهة مستخدم خفيفة الوزن لـ Vue.js 3 بدون اعتماد على أي إطار CSS. توفر مكونات قابلة للتخصيص، وخزل الأشجار، وسمات جاهزة، وتكوين ربط الفئات لتكامل Tailwind وBulma وBootstrap.
مكتبة Webcore UI مفتوحة المصدر لمكونات واجهة المستخدم تعمل مع Astro وSvelte وReact، تستخدم Sass للتنسيق وتوفر مكونات وقوالب وCLI وسمات وCSS variables قابلة للتخصيص.
Blueprint هي مجموعة أدوات واجهة مستخدم تعتمد على React، ومحسنة لبناء واجهات ويب معقدة وكثيفة البيانات لتطبيقات سطح المكتب.
Nebular هي مكتبة Angular UI قابلة للتخصيص تعتمد على Eva Design System، توفر 4 سمات بصرية، وأكثر من 35 مكون UI، ومحرك سمات يدعم التبديل الفوري، ودعم أيقونات Eva Icons SVG، واستراتيجيات مصادقة قابلة للتهيئة.
Primer CSS هو تنفيذ CSS لنظام تصميم Primer الخاص بـ GitHub، ويتم توزيعه كحزمة @primer/css على npm. يوفر ملفات Sass/SCSS مع فئات مساعدة وأنماط مكونات، وهو حالياً في وضع الصيانة (KTLO).