awesome-repositories.com
المدونة
awesome-repositories.com

اكتشف أفضل مستودعات المصادر المفتوحة باستخدام بحث مدعوم بالذكاء الاصطناعي.

استكشفعمليات بحث منسقةبدائل مفتوحة المصدربرمجيات ذاتية الاستضافةالمدونةخريطة الموقع
المشروعحولكيفية ترتيب النتائجالصحافةخادم MCP
قانونيالخصوصيةالشروط
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

7 مستودعات

Awesome GitHub RepositoriesAdmin Layout Components

Building full-page admin layouts with collapsible sidebars, top navigation, scrollable menus, and route-aware active states.

Distinct from Admin Dashboard Frameworks: Distinct from Admin Dashboard Frameworks: focuses on the specific layout components (sidebar, top nav, menus) rather than the full framework scope.

Explore 7 awesome GitHub repositories matching web development · Admin Layout Components. Refine with filters or upvote what's useful.

Awesome Admin Layout Components GitHub Repositories

اعثر على أفضل المستودعات باستخدام الذكاء الاصطناعي.سنبحث عن أفضل المستودعات المطابقة باستخدام الذكاء الاصطناعي.
  • lin-xin/vue-manage-systemالصورة الرمزية لـ lin-xin

    lin-xin/vue-manage-system

    19,639عرض على GitHub↗

    Vue Manage System is a type-safe administrative dashboard framework built with Vue 3 and Element Plus. It serves as a management template for backend systems, integrating role-based access control to restrict pages and actions based on assigned user permissions. The project distinguishes itself through a comprehensive set of administrative tools, including a data visualization dashboard with interactive charts and a content management system featuring rich text editing and image cropping utilities. It utilizes TypeScript for static typing and Pinia for centralized state management. The syste

    Provides a structured management layout featuring multi-level navigation and collapsible sidebars.

    Vueelement-pluspiniatypescript
    عرض على GitHub↗19,639
  • layui/layerالصورة الرمزية لـ layui

    layui/layer

    8,196عرض على GitHub↗

    This project is a JavaScript UI component library and frontend utility toolkit. It serves as a web modal framework and popup library, providing a specialized system for rendering interactive dialogs, overlays, and layered interfaces over web page content. The library is distinguished by its comprehensive set of overlay tools, including alert dialogs, confirmation prompts, and the ability to embed external content via iframes. It also features a responsive twelve-column grid system for cross-device layout compatibility and an internal modular dependency management system for on-demand loading

    Provides a standardized layout structural system designed specifically for backend administration interfaces.

    JavaScriptalertconfirmdialog
    عرض على GitHub↗8,196
  • yezihaohao/react-adminالصورة الرمزية لـ yezihaohao

    yezihaohao/react-admin

    6,746عرض على GitHub↗

    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

    Builds a full-page admin layout with collapsible sidebar, top navigation, scrollable menus, and route-aware active states.

    TypeScriptadmin-templateant-designantd
    عرض على GitHub↗6,746
  • thoughtbot/administrateالصورة الرمزية لـ thoughtbot

    thoughtbot/administrate

    6,028عرض على GitHub↗

    Administrate is a Rails engine that generates full CRUD admin interfaces for any model in a Rails application, providing create, read, update, delete, search, and pagination capabilities out of the box. It functions as a convention-based dashboard generator that maps model attributes to default field types and views, while supporting customization through standard Rails controller and view overrides. The framework distinguishes itself through a field type abstraction layer that encapsulates data display and input logic into reusable classes, and a hook-point content injection system that allo

    Sets a custom layout for the entire admin dashboard via view generator configuration.

    JavaScript
    عرض على GitHub↗6,028
  • cruip/open-react-templateالصورة الرمزية لـ cruip

    cruip/open-react-template

    4,661عرض على GitHub↗

    هذا المشروع عبارة عن قالب صفحة هبوط Next.js ومجموعة أدوات واجهة مستخدم React مصممة لعرض منتجات البرمجيات والمشاريع مفتوحة المصدر. يعمل كأساس لموقع تسويق مهني وقالب موقع Tailwind CSS لبناء واجهات ويب حديثة. يوفر إطار العمل تخطيطات ومكونات متخصصة لعروض المشاريع مفتوحة المصدر، وصفحات هبوط SaaS، ولوحات تحكم المسؤول. يتضمن مجموعة من المكونات المتجاوبة وأدوات التنسيق التي تسمح بتخصيص التصميم المرئي للألوان والخطوط والتخطيطات. يغطي سطح القدرة مجموعة متنوعة من عناصر واجهة المستخدم، بما في ذلك الرسوم المتحركة القائمة على التمرير، ومخططات تصور البيانات، والمكونات التفاعلية، ودوائر المحتوى. تدعم البنية العرض من جانب الخادم، والتوجيه القائم على الملفات، وخط أنابيب محتوى قائم على markdown لفصل المحتوى عن منطق التطبيق.

    Ships a set of admin layout components including collapsible sidebars and top navigation.

    TypeScriptfreelandinglanding-page
    عرض على GitHub↗4,661
  • invertase/rdash-angularالصورة الرمزية لـ invertase

    invertase/rdash-angular

    4,648عرض على GitHub↗

    rdash-angular is an AngularJS admin dashboard theme and component library designed for building administrative interfaces. It provides a set of pre-configured directives and responsive layout tools to create management consoles and internal tools. The project integrates the Bootstrap UI framework to provide consistent styling and interactive elements such as modals and tooltips. It focuses on structuring enterprise web layouts through a collection of specialized directives. The library includes capabilities for data table visualization to organize entity lists and attributes, as well as load

    Offers layout components such as collapsible sidebars and top navigation to keep administrative views consistent.

    HTML
    عرض على GitHub↗4,648
  • wdlhao/vue2-element-touzi-adminالصورة الرمزية لـ wdlhao

    wdlhao/vue2-element-touzi-admin

    4,222عرض على GitHub↗

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

    Provides tools for rendering multi-level navigation menus and structured layouts for administrative tools.

    Vue
    عرض على GitHub↗4,222
  1. Home
  2. Web Development
  3. Admin Dashboard Frameworks
  4. Admin Layout Components

استكشف الوسوم الفرعية

  • Admin Layout Override PatternsSets a custom layout for the entire admin dashboard by passing a layout name to the view generators. **Distinct from Admin Layout Components:** Distinct from Admin Layout Components: focuses on overriding the entire layout, not building layout components.