Awesome GitHub RepositoriesData Table Components

AdminLTE is a responsive dashboard framework and component library used to build administrative control panels and internal application backends. It provides a collection of HTML and CSS templates based on the Bootstrap 5 framework to create standardized layout systems for web interfaces. The project includes specialized application page templates for common administrative views, such as kanban boards, calendars, and chat interfaces. It also features built-in support for visual theme adaptations, including native dark mode and right-to-left layouts. The library covers a range of UI developme

This project is a human resources management system built using Spring Boot and Vue. It serves as a platform for managing employee records, professional titles, and organizational hierarchies. The system features a role-based access control framework that maps users to specific roles and resources to secure API endpoints and user interface elements. It includes a real-time communication hub utilizing WebSockets for internal corporate chat and system notifications, as well as a dedicated manager for defining and modifying nested organizational department structures. Additional capabilities co

Bootstrap-vue is a Vue.js component library and responsive UI kit based on the Bootstrap CSS framework. It provides a frontend component suite of reusable interface elements designed for building mobile-first websites and web applications. The project wraps Bootstrap CSS classes in Vue components to manage styles and behaviors through reactive state. It integrates a responsive layout management system that synchronizes internal component states with Bootstrap's grid system and device breakpoints. The library covers a wide range of interface capabilities, including data display with sortable

Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It functions as a CSS component library that provides pre-styled interface elements and helper classes to facilitate frontend UI development. The framework is distinguished by a pure-CSS component architecture that avoids dependence on external JavaScript runtimes. It utilizes a SASS-based build pipeline that supports class prefixing, stylesheet pruning, and a variable-based theme system for creating custom design systems. The project covers a wide range of layout and interface ca

Vue Material is a comprehensive UI toolkit and framework for Vue.js that implements the Material Design specification. It provides a suite of pre-built, themed components designed to create consistent and responsive web applications. The library features dynamic theme support for runtime color scheme changes and automatic accessibility contrast management. It is designed for compatibility with server-side rendering to improve initial load times and search engine optimization, and it includes internationalization support for locale translation and text direction adjustments. The toolkit cover

This project is a JavaScript spreadsheet component and web-based data table that provides an interactive grid for managing tabular data. It functions as a cross-framework UI component compatible with React, Vue, and jQuery, and can also be embedded as a standalone web component. The grid is specifically designed for XLSX interoperability, allowing users to import and export XLSX files while preserving formulas and styles. It distinguishes itself through real-time collaboration for simultaneous multi-user editing and a flexible system for creating custom cell editors and specialized column typ

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

This project is a neobrutalist UI component library and accessible design system for React. It provides a collection of high-contrast web elements characterized by bold colors, thick borders, and a raw aesthetic. The library distinguishes itself by combining a data visualization toolkit—featuring styled charts and responsive tables—with a comprehensive set of interactive components. It balances this specific visual style with accessibility standards for keyboard navigation and screen readers. The component surface covers a wide range of functional areas, including complex form controls with

Fixed-data-table is a React component library designed for rendering large datasets within structured, scrollable grid interfaces. It functions as a virtualized table, optimizing performance by rendering only the rows currently visible within the viewport. The library distinguishes itself through its focus on maintaining context during navigation, utilizing fixed-header layouts and synchronized scroll state management. It employs index-based data access to map information to specific grid coordinates, allowing for modular cell customization and flexible column configuration. The component su

Basecoat is a zero-runtime UI library and themable interface framework consisting of a set of accessible web components. It provides a collection of pre-styled interface elements and utility classes designed to function as static assets without requiring a dedicated JavaScript framework runtime. The project features a dedicated UI component scaffolder, providing a command line interface to automate the generation of project folder structures and the installation of component templates. Visual styles are managed through a system of CSS variables and utility classes, allowing for global theme a

Vizro is a low-code Python framework for building production-ready data visualization applications. It functions as a UI orchestrator that allows users to define multi-page analytical dashboards through structured configurations in Python, YAML, or JSON, reducing the need for extensive frontend engineering. The project distinguishes itself through generative AI integration, utilizing a model context protocol server to translate natural language descriptions into validated dashboard configurations, charts, and layouts. It also features a decoupled data cataloging system that separates data sou

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