Awesome GitHub RepositoriesReact-Based Admin Interfaces

EmDash is an open-source content management system built on Astro that combines a visual admin panel with a plugin-driven architecture and server-side rendering. It provides a complete content management system with structured content modeling, a rich text editor using Portable Text format, and a TypeScript API for type-safe content queries. The system supports authentication through passkeys, OAuth 2.1, and external providers, with role-based access control and fine-grained permission scopes. What distinguishes EmDash is its plugin development framework, which supports both native plugins ru

EverShop is a TypeScript-first, modular e-commerce platform built with GraphQL and React. It provides a full-featured online store system for managing products, orders, customers, and site content through a React-based administrative interface, with a GraphQL API layer that serves both the admin panel and storefront. The platform is designed around a module-based extension architecture, where core functionality is split into independent modules that can be added, removed, or overridden without modifying the core codebase. Storefront appearance and behavior are controlled through a theme syste

Keystone is a GraphQL headless content management system and Node.js backend framework. It functions as a schema-driven data manager that automatically generates a GraphQL API and a React administrative dashboard based on a central data model configuration. The system uses an adapter-based database abstraction to decouple core logic from storage layers and a storage-provider abstraction for managing media assets via local or cloud drivers. It distinguishes itself through a component-based field rendering system and a hook-based middleware pipeline for data validation and automation. The fram

Vendure is a Node.js e-commerce engine and headless commerce framework built with NestJS and TypeScript. It serves as a multi-channel commerce platform that manages product catalogs, orders, and customers via a strongly typed GraphQL API. The platform is distinguished by its highly extensible architecture, featuring a customizable administrative dashboard where developers can inject custom React components and entity views. It supports multi-channel commerce, allowing the isolation of products, currencies, and regional catalogs from a single unified backend. The engine covers a broad range o

react-admin is a full-featured admin dashboard built with React and Ant Design, designed for building interfaces that manage backend operations. Its core identity centers on providing a complete admin panel with dynamic menu configuration, role-based access control, and third-party OAuth authentication, all within a responsive layout that adapts to different screen widths. The project distinguishes itself through a dynamic route-based menu system that fetches navigation structure from a server API, enabling runtime menu updates without redeploying the application. It integrates role-based rou

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

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

Statamic هو نظام إدارة محتوى مبني على Laravel يستخدم نهج تخزين الملفات المسطحة بدلاً من قاعدة بيانات علائقية تقليدية. يعمل كإطار عمل إداري قابل للتخصيص لإدارة محتوى الموقع وتطوير إضافات خلفية مخصصة. يخزن النظام بيانات الموقع في ملفات ويتكامل مع Git للإصدار، مما يسمح بتتبع تغييرات المحتوى والتراجع عنها من خلال مستودع. يستخدم محرك قوالب لتحويل البيانات المنظمة إلى تخطيطات HTML ديناميكية للعرض الأمامي. تتضمن المنصة لوحة تحكم مبنية كتطبيق صفحة واحدة ونظام إضافات قائم على الأحداث. يمكن للمستخدمين بناء واجهات إدارية مخصصة ودمج منطق إضافي من خلال إطار عمل PHP الأساسي.

Pro Components is a collection of high-level React components built on Ant Design for creating enterprise-grade administrative interfaces. It serves as a specialized component suite and UI framework designed for building complex business dashboards and internal tools. The library functions as a visual interface builder that allows for the composition of professional web pages through declarative configurations and visual design patterns. It enables the creation of interface components using visual configuration tools to simplify the layout and styling process. The framework covers the constr

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

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