Awesome GitHub RepositoriesCreate React App Customizations

This project is a pre-configured project foundation for building scalable web applications. It serves as a React application boilerplate and component scaffold designed to provide a scalable architecture and a foundation for long-term growth. The setup is characterized by an offline-first web framework that maintains application availability without an active network connection. It includes an internationalized UI foundation with integrated translation tooling and a modular CSS-in-JS setup for scoped, component-level styling. The boilerplate covers broader capability areas including automate

هذا المشروع عبارة عن قالب React جاهز للإنتاج ومبدئ JavaScript متماثل (isomorphic) مصمم لبناء تطبيقات عالمية. يعمل كقالب أساسي لإنشاء تطبيقات React تستخدم العرض من جانب الخادم (server-side rendering) لمشاركة المنطق والحالة بين الخادم والمتصفح. يوفر إطار العمل أساساً مهيأ مسبقاً لتمهيد تطبيقات React، مع التركيز على إطار عمل تطبيقات JavaScript العالمي. وهو يقوم بأتمتة عملية إعداد تطبيقات الويب المعروضة على الخادم لبيئات الإنتاج من خلال توفير خط أنابيب نشر وبناء مدمج. يغطي الكود المصدري تجميع الحزم العالمية وتنفيذ JavaScript المتماثل، باستخدام خط أنابيب بناء بدون إعدادات (zero-config) للتعامل مع الانتقال بين HTML المعروض على الخادم وتفاعل العميل.

Reactide is the first dedicated IDE for React web application development.

Frappe is a Python-based low-code web framework used for building data-driven business applications. It functions as a full-stack meta-framework that integrates a Python backend with a JavaScript frontend, providing a development environment for rapid application prototyping and deployment. The framework employs a model-driven architecture that automatically generates database schemas, REST API endpoints, and administrative interfaces based on defined metadata. This system is complemented by a command-line scaffolding tool for creating standardized project directory structures and boilerplate

هذا المشروع عبارة عن أساس مهيأ مسبقاً لتطبيقات الويب، يوفر كوداً مصدرياً مهيكلاً وأدوات بناء لبدء مشاريع واجهة أمامية جديدة. يعمل كقالب أساسي يدمج React لواجهة المستخدم، وRedux لإدارة الحالة، وReact-Router للتنقل. تتميز البنية باستخدام تعريفات المسارات المتداخلة للتعامل مع التنقل الهرمي ونظام لحقن المخفض (reducer) الديناميكي، مما يسمح بإضافة منطق إدارة الحالة إلى المتجر في وقت التشغيل عند تحميل وحدات محددة. تغطي مجموعة الأدوات مجموعة واسعة من قدرات الواجهة الأمامية، بما في ذلك التوجيه من جانب العميل، وتحسين الحزمة عبر تحميل المسار الكسول، وخط أنابيب بناء يدعم تجميع الأصول الثابتة. كما تتضمن مشغل اختبار وحدة مدمج للتحقق من منطق التطبيق والاستبدال الساخن للوحدات (hot module replacement) لسير عمل تطوير يعكس تغييرات الكود دون إعادة تحميل المتصفح بالكامل. يتم توفير أداة تهيئة المشروع لسقالات هيكل الدليل الأولي وإعدادات البيئة.

This project is a configuration utility and JavaScript bundler manager designed to extend build scripts and override settings for Create React App applications. It functions as a tool for modifying Webpack configurations without requiring a permanent ejection from the managed build system. The utility allows for the customization of development and production build settings, enabling the use of custom build scripts to redefine project entry points. It provides mechanisms to modify the default build and development server settings to fit specific project requirements. Capability areas include

Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications. The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface. The library covers a wide range of interactive int

Craco is a configuration layer for Create React App that modifies Webpack and Jest settings without requiring the project to eject. It functions as a build tool plugin system and configuration manager, allowing for the injection of custom settings and third-party logic into the frontend build pipeline. The project utilizes a hook-based architecture and non-destructive configuration merging to override default settings. This allows for Webpack configuration overrides and Jest configuration tuning while maintaining the original source files. The system covers a broad range of build pipeline ex

Deco IDE is a graphical development environment for building React Native applications. It combines a visual component editor with template-based project scaffolding, allowing developers to construct user interfaces by dragging pre-built JSX templates from a palette and editing component properties through a graphical panel that updates both source code and the live preview in real time. The tool differentiates itself through a hot-reload development workflow that automatically refreshes the running app when source files change, preserving state, and through its file-system project management

Metro هو مجمع JavaScript مصمم لبيئات React Native. يعمل كنظام لحل التبعيات، وتحويل الكود المصدري، وتعبئة JavaScript والأصول في حزم للتنفيذ. يتضمن المشروع خادم تجميع للتطوير يستضيف الأصول عبر HTTP ويوفر استبدال الوحدات الساخن (hot module replacement). يتميز بمحلل وحدات يتعامل مع امتدادات الملفات الخاصة بالمنصة ومحول كود مصدري يحول الكود إلى هياكل شجرية للتحسين والتصغير. تغطي مجموعة الأدوات توليد الحزم برمجياً، وإنشاء خرائط المصدر، والتخزين المؤقت لنظام الملفات لتجنب التحويلات المتكررة. كما توفر قدرات لإدارة الأصول، وحقن polyfill، وتكوين خادم آمن باستخدام شهادات TLS لنقاط النهاية المشفرة. يتم تضمين أدوات المراقبة لتتبع حالة التجميع وتسجيل بيانات الأداء الوصفية لأحداث البدء والتحديث.

Material Kit React هو قالب لوحة تحكم لتطبيقات React مبني باستخدام Material UI. يوفر أساسًا آمنًا من حيث النوع (Type-safe) لتطوير الواجهات الإدارية ولوحات تحكم الإدارة باستخدام TypeScript. يتضمن المشروع تدفقات مصادقة مهيأة مسبقًا لإدارة الهوية، مع تكاملات محددة لتسجيل الدخول الموحد Auth0 وإدارة جلسات Firebase. يغطي سقالات التطبيقات ونماذج واجهة المستخدم للمؤسسات من خلال تخطيطات مصممة مسبقًا لإعدادات النظام وإدارة المستخدمين. يستخدم النظام نظام رموز تصميم مركزي لتخصيص السمات ويوزع الحالة عبر مزودي السياق (Context providers).

Farm is a Rust-based web build tool and development server that compiles JavaScript, TypeScript, CSS, HTML, and static assets into optimized bundles. It uses a module-graph-based bundling approach with persistent module-level caching, enabling near-instant builds and sub-20ms hot module replacement during development. The tool processes assets based on file extensions, handling CSS, Sass, Less, PostCSS, HTML, and images as first-class modules without requiring JavaScript transformation. Farm distinguishes itself through its Vite-compatible plugin system, accepting Vite, Rollup, and Unplugin p

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

bespoke.js هو أداة عرض تعتمد على DOM وإطار عمل HTML يحول عناصر الويب الحالية إلى شرائح عرض قابلة للتنقل. يعمل كمنسق لعروض الويب، باستخدام محرك JavaScript لإدارة انتقالات الشرائح والحالة من خلال CSS وعناصر تحكم API برمجية. تم بناء المشروع كمحرك شرائح يعتمد على الإضافات، مما يسمح للمطورين بتوسيع السلوك الأساسي عبر اعتراض أحداث التنقل وحقن منطق دورة حياة مخصص. يتيح هذا النظام النمطي إنشاء أطر عمل عرض مخصصة عن طريق إضافة منطق سلوكي محدد أو إدارة الحالة. تغطي مجموعة الأدوات إدارة التنقل في DOM وأدوات العرض للواجهة الأمامية. يتضمن ذلك القدرة على تصفية عناصر الشرائح عبر محددات CSS، وإدارة الانتقالات بين العروض، واستخدام هيكل مشروع مخصص ونظام بناء للنشر على استضافات الويب.

preact-cli هو واجهة سطر أوامر وخط أنابيب بناء لتهيئة وتطوير ونشر تطبيقات Preact. يعمل كأداة سقالات للمشروع تستخدم قوالب محددة مسبقًا لإنشاء هياكل الدليل الضرورية والقوالب الأساسية لتطبيقات الويب الجديدة. توفر الأداة قدرات متخصصة لإنشاء تطبيقات ويب تقدمية (PWA) عن طريق إنشاء عمال الخدمة (service workers) واستراتيجيات التخزين المؤقت للوظائف دون اتصال. كما تتضمن عارضًا مسبقًا للموقع الساكن يحول مسارات التطبيق إلى ملفات HTML أثناء عملية البناء لتحسين ظهور محرك البحث وسرعات التحميل. يغطي سير عمل التطوير الأوسع إدارة خط أنابيب الأصول، بما في ذلك تحويل JavaScript، وتجميع الوحدات، ومعالجة معالجات CSS المسبقة. كما يدير تحسين الإنتاج من خلال تقسيم الكود القائم على المسار وحقن متغيرات البيئة.

Pepperoni App Kit هو مجموعة أدوات بدء وقالب مشروع لبناء تطبيقات جوال عبر الأنظمة الأساسية لنظامي iOS و Android باستخدام React Native. يوفر سقالة مهيأة مسبقًا تؤسس بنية معيارية وقاعدة كود مشتركة لبدء مشاريع جديدة. تدمج المجموعة نظام إدارة حالة يمكن التنبؤ به مع استمرارية القرص للوصول دون اتصال وحلقة محكومة لتنسيق الآثار الجانبية غير المتزامنة وتفاعلات API. كما تتضمن آليات مدمجة لمصادقة الجلسة القائمة على الرموز والتحقق من الهوية للحفاظ على عمليات تسجيل دخول آمنة للمستخدم. يغطي المشروع قدرات تشغيلية أوسع بما في ذلك خطوط أنابيب CI/CD المؤتمتة لتوزيع إصدارات بيتا على أجهزة الجوال، وإدارة التكوين الخاصة بالبيئة، واعتراض حدود الخطأ العالمي. كما يوفر إطار عمل اختبار للتحقق من صحة منطق الأعمال باستخدام بيئات وهمية.

هذا المشروع عبارة عن مجموعة أدوات لبدء استخدام WordPress بدون واجهة (headless) مع واجهة أمامية بـ React. يوفر بنية CMS مفصولة تفصل مصدر بيانات WordPress عن طبقة العرض، باستخدام WordPress كـ API للمحتوى وReact لواجهة المستخدم. تتضمن مجموعة الأدوات بيئة WordPress داخل حاوية Docker للتشغيل السريع للتطوير المحلي. تنفذ تكامل GraphQL لجلب المحتوى ومخططات البيانات المخصصة من الخلفية، باستخدام JSON Web Tokens لمصادقة API آمنة. يغطي المشروع ترحيل المحتوى واستيراد البيانات من التثبيتات الخارجية إلى البيئات المحلية. كما يدعم إنشاء نماذج بيانات موسعة المخطط من خلال حقول ومحللات مخصصة لتخصيص تسليم البيانات للواجهة الأمامية.

Rekit هو مجموعة أدوات تطوير لبناء تطبيقات ويب قابلة للتوسع، حيث يوفر إطار عمل نمطي (modular framework) وهيكلة تلقائية للمشاريع. يعمل كبيئة قابلة للتوسيع لإدارة بنية التطبيقات المبنية باستخدام React و Redux و React Router، معتمداً على تصميم مقسم حسب الميزات (feature-sliced design) لتنظيم المكونات ومنطق الحالة (state logic) والتوجيه (routing) في وحدات مستقلة ومخصصة لكل نطاق. تتميز مجموعة الأدوات بنظام إضافات (plugin-based) يسمح بإنشاء أنواع مخصصة لعناصر المشروع وتعديل سلوكيات الهيكلة الافتراضية. كما يحتوي على مولد لإدارة حالة Redux يقوم بأتمتة إنشاء الإجراءات المتزامنة وغير المتزامنة مع فرض وضع الإجراءات ومخفضاتها (reducers) المقابلة في ملف واحد. بالإضافة إلى الهيكلة الأساسية، يوفر المشروع واجهة سطر أوامر وواجهة مرئية لإدارة عناصر التطبيق، بما في ذلك توليد الكود القائم على القوالب لمكونات واجهة المستخدم وإجراءات الحالة. ويغطي قدرات تشغيلية أوسع مثل إدارة الأنماط الهرمية، وفرض جودة الكود عبر الـ linting، والتحقق من بناء النسخة النهائية (production build). تم تنفيذ النظام باستخدام أدوات مبنية على Deno للتعامل مع تنسيق المشروع، واتفاقيات تسمية الملفات، وتنفيذ خطافات عمليات دورة الحياة.

TypeScript-Vue-Starter هو قالب مشروع مهيأ مسبقاً ومجموعة أدوات بداية مصممة لبناء تطبيقات ويب باستخدام Vue و TypeScript. يوفر أساساً هيكلياً لإنشاء بيئات واجهة مستخدم آمنة من حيث النوع (type-safe) من خلال هيكلة المشروع المتكاملة والقوالب الجاهزة. يتميز المشروع بدمج مصممات فئات TypeScript (class decorators) مع مكونات Vue، مما يسمح بنهج منظم لتعريف بيانات المكونات وخصائصها. يدعم هذا الإعداد مكونات الملف الواحد التي تجمع بين الترميز (markup) والتنسيق والمنطق في وحدات نمطية ومفحوصة النوع. تتضمن البيئة خطوط معالجة بناء تلقائية وتجميع أصول لتحويل الكود المصدري المكتوب بقوة الأنواع إلى JavaScript قابلة للتوزيع. تدير هذه الأدوات عملية التجميع وتغلف عناصر الواجهة القابلة لإعادة الاستخدام للتنفيذ في متصفحات الويب.

هذا المشروع هو بيئة تطوير للتحرير المباشر وقالب لمكونات React. يعمل كبداية للمشروع وقالب مصمم لتمكين تحديث مكونات React في المتصفح دون تحديث الصفحة. تركز البيئة على إعادة التحميل السريع (hot reloading) لـ React لتوفير سير عمل تطوير الواجهة الأمامية حيث تنعكس تغييرات الكود فوراً في واجهة المستخدم. يدعم هذا النماذج الأولية لواجهة المستخدم المباشرة من خلال السماح بتعديلات الأنماط ومنطق المكونات دون فقدان حالة التطبيق الحالية. يتضمن الإعداد خادم تطوير، واستبدال الوحدات، والترجمة لتسهيل التحديثات في الوقت الفعلي لحالة التطبيق والواجهة أثناء عملية البناء والاختبار.