17 مستودعات
Styling utilities for data tables.
Distinguishing note: Focuses on table-specific layout and readability enhancements.
Explore 17 awesome GitHub repositories matching user interface & experience · Table Components. Refine with filters or upvote what's useful.
Bulma is a design-agnostic CSS framework that provides a collection of pre-styled interface components and layout primitives. It is built to be independent of specific JavaScript frameworks or build tools, allowing developers to construct responsive web interfaces by applying standardized classes directly to semantic HTML markup. The framework distinguishes itself through a utility-first approach that combines modular component styling with a flexible grid system. It leverages native CSS variables to manage design tokens, enabling real-time visual customization, automatic dark mode adaptation
Provides utilities to improve data readability by applying consistent spacing, borders, and striped row modifiers to tables.
Filament is a full-stack framework for building administrative panels and management interfaces within the Laravel ecosystem. It provides a declarative, component-based architecture that allows developers to construct complex, data-driven applications using server-side configuration objects rather than manual HTML. By inspecting database model structures and relationships, the framework automates the generation of CRUD interfaces, forms, and data tables, significantly reducing boilerplate code. The project distinguishes itself through a highly modular and extensible design that supports custo
Configures responsive table displays by stacking cells on mobile devices or arranging records into custom grid patterns.
ChartDB is a database schema visualizer and entity-relationship diagramming platform designed to help developers understand, design, and document complex data architectures. It functions as a visual workspace where users can create and modify database schemas, define table attributes, and map foreign key relationships. By parsing database metadata or SQL scripts, the tool generates interactive diagrams that provide a clear overview of structural interdependencies and data associations. The platform distinguishes itself through its focus on automated documentation and schema synchronization. I
The tool allows users to apply specific colors to individual tables to visually group related entities or highlight key components within a complex schema.
Wagtail is an open-source content management system built on the Django web framework. It provides a structured, tree-based approach to content modeling, allowing developers to define custom page types and reusable content components that are managed through a highly customizable administrative interface. The platform distinguishes itself through its flexible, block-based content composition system, which enables editors to assemble complex page layouts dynamically. It also offers robust support for multi-site and multi-lingual environments, allowing organizations to manage distinct websites
Provides flexible table components for content pages that support nested block types within cells.
Pico is a lightweight, classless CSS framework designed to provide consistent, accessible, and responsive visual defaults for web interfaces. By prioritizing semantic HTML tags, it allows developers to build clean, structured pages without the need for complex class names or heavy dependencies. The framework functions as a comprehensive design system that automatically applies styling to standard elements, ensuring that typography, spacing, and layout remain cohesive across different screen sizes. The framework distinguishes itself through a modular, variable-driven architecture that emphasiz
Applies consistent spacing and clean visual formatting to standard data tables.
Bootstrap Table is a jQuery plugin for rendering interactive data grids with sorting, pagination, and filtering. It features a remote data integration system for fetching and synchronizing content from JSON endpoints using AJAX and server-side processing. The project includes a styling layer that adapts markup to work with various CSS frameworks, such as Bootstrap, Semantic UI, Bulma, and Material Design. It provides specialized rendering modes, including a hierarchical tree grid for parent-child row relationships and a responsive card-view table that transforms grids into mobile-friendly lay
Transforms traditional data grids into mobile-friendly card layouts based on the viewport width.
FTXUI is a C++ terminal user interface library and cross-platform console framework used for building interactive command line applications. It functions as a declarative terminal layout engine and a component-based UI toolkit that enables the creation of responsive interfaces. The library is distinguished by its terminal graphics and animation capabilities, allowing for the rendering of custom shapes, data plots, and smooth visual transitions using easing functions. It provides a comprehensive set of interactive widgets and a layout system utilizing flexbox and grid containers that adapt to
Organizes content into aligned paragraphs and styled data tables for clear display.
DataTables is a feature-rich HTML table library that transforms static HTML tables into interactive data grids with sorting, paging, filtering, and server-side processing support. It provides a client-side rendering engine that handles table rows, pagination, and sorting entirely in the browser, while also offering a server-side processing pipeline that offloads sorting, filtering, and paging operations to a backend for efficient handling of large datasets. The library distinguishes itself through its plugin-based extension system, which allows custom functions and widgets to modify table beh
Automatically reflows table layout to fit mobile, tablet, and desktop viewports.
Polaris React is a production-ready component library that implements Shopify's Polaris design system for building consistent merchant-facing admin interfaces. It provides a comprehensive set of reusable React components, including accessible form inputs, data display elements, layout and navigation structures, and visual feedback indicators, all styled through a semantic color token system applied via CSS custom properties for dynamic light and dark mode support. The library distinguishes itself with an icon-first visual language featuring over 400 commerce-specific SVG icons delivered as fi
Ships an index table component for displaying and navigating collections of objects at a glance.
هذا المشروع عبارة عن سمة مرئية بسيطة وإطار عمل CSS قابل للتخصيص لبرنامج Obsidian. يعمل كمحرك لتنسيق ملفات Markdown وواجهة مستخدم تكيفية مصممة لإزالة الفوضى وتوفير بيئة كتابة خالية من المشتتات. تتميز السمة بتحويلات التنسيق التي تحول جداول وقوائم Markdown القياسية إلى شبكات تعتمد على البطاقات ومعارض مرئية. كما توفر نظاماً لتحويل البيانات المهيكلة إلى تمثيلات مرئية سهلة القراءة وتنظم الصور المتتالية في شبكات عمودية. يغطي إطار العمل تخصيصاً شاملاً لجماليات الواجهة، بما في ذلك الخطوط والألوان وعرض الخطوط. ويتضمن إمكانيات للتحجيم المتجاوب عبر أجهزة الجوال والحاسوب، وتخصيص مربعات اختيار المهام، وفلاتر مرئية للصور.
Transforms standard markdown tables and lists into scannable, card-based visual layouts.
هذا المشروع عبارة عن قالب إداري ومجموعة أدوات واجهة مستخدم تعتمد على React مصممة لبناء لوحات المعلومات. يوفر مجموعة شاملة من التخطيطات المنسقة مسبقاً، ومكتبة مكونات يمكن الوصول إليها، وإطار عمل واجهة مستخدم يعتمد على Sass لإنشاء واجهات إدارية. تم هيكلة القالب خصيصاً كمشروع محسن للذكاء الاصطناعي، باستخدام أنماط ترميز وتنظيم مصممة لمساعدة مساعدي الذكاء الاصطناعي في إنشاء كود React متسق وجاهز للإنتاج. يتميز بنظام تنسيق مرن باستخدام متغيرات Sass وخصائص CSS المخصصة لدعم سمات فاتحة وداكنة قابلة للتخصيص. تغطي المجموعة مجموعة واسعة من قدرات الواجهة، بما في ذلك أدوات تصور البيانات، والجداول التفاعلية مع الفرز والترقيم، وعناصر النماذج المعقدة مثل المعالجات متعددة الخطوات. يتضمن أنظمة تنقل عالية المستوى مثل الأشرطة الجانبية ومسارات التنقل، بالإضافة إلى مكونات هيكلية مثل الشبكات المستجيبة، ومربعات الحوار المشروطة، وواجهات التقويم التي يمكن الوصول إليها.
Wraps table content in horizontally scrollable containers to prevent layout overflow on small screens.
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
Provides tables with responsive layouts that adapt their display based on screen size.
This project is an academic competition tracker and metrics repository that provides historical submission and acceptance rates for major artificial intelligence research conferences. It serves as a dataset of AI conference statistics to monitor research competition trends. The repository enables the tracking of conference acceptance rates to analyze historical data, evaluate publication competitiveness, and monitor year-over-year growth in submission volumes across machine learning venues. The project is implemented as a static site that uses markdown-based data storage and schema-driven pa
Implements responsive table containers that ensure conference data remains usable on smaller screens.
dcat-admin هو إطار عمل لوحة تحكم Laravel يُستخدم لبناء واجهات إدارية تعتمد على البيانات بسرعة. يعمل كمولد CRUD وأداة سقالات خلفية تنتج تلقائياً واجهات الإنشاء والقراءة والتحديث والحذف بناءً على مخططات جداول قاعدة البيانات. يتميز النظام ببنية امتداد قائمة على المكونات الإضافية والقدرة على تشغيل مثيلات إدارية مستقلة متعددة داخل تثبيت واحد. ويوفر أدوات متخصصة لربط واجهات برمجة التطبيقات الخارجية بالنماذج والجداول، بالإضافة إلى دورة حياة نموذج قائمة على الأحداث لتنفيذ منطق مخصص أثناء الحل والإرسال. يغطي إطار العمل مجموعة واسعة من مجالات الإمكانيات، بما في ذلك التحكم في الوصول القائم على الأدوار لإدارة الأذونات الهرمية، ومجموعة شاملة من شبكات إدارة البيانات مع التحرير المضمن، وسير عمل النماذج متعددة الخطوات. كما يتضمن أدوات تصور البيانات للوحات التحكم التشغيلية ومجموعة متنوعة من أدوات معالجة المحتوى لتحميل الملفات الكبيرة المجزأة وتحرير النصوص الغنية. يتم توفير أدوات سطر الأوامر لأتمتة إنشاء المكونات الإدارية وفئات الإجراءات.
Provides responsive data tables that adapt to screen size and include bulk selection capabilities via checkboxes.
Picnic هو إطار عمل CSS خفيف الوزن مصمم لتسريع تطوير واجهات الويب المتجاوبة. يوفر قاعدة تصميم أساسية تطبق التصاميم المرئية مباشرة على عناصر HTML الأصلية، مما يسمح بإنشاء تخطيطات نظيفة وسهلة الوصول دون الحاجة إلى أسماء فئات مخصصة واسعة النطاق. يتميز إطار العمل بتنفيذ مكونات واجهة مستخدم تفاعلية—مثل النوافذ المنبثقة (modals)، وعلامات التبويب، وقوائم التنقل—بالكامل من خلال CSS. من خلال استخدام الفئات الزائفة (pseudo-classes) ومحددات الأشقاء، فإنه يدير حالة المكون والتفاعل دون الحاجة إلى منطق JavaScript خارجي. يضمن هذا النهج بقاء عناصر الواجهة المعقدة وظيفية وخفيفة الوزن. تتضمن المكتبة مجموعة شاملة من الأدوات الهيكلية والتقديمية، بما في ذلك نظام شبكة يعتمد على flexbox، وتكديس العناصر الرأسي، ومحركات تخطيط متجاوبة تتكيف تلقائياً مع أحجام الشاشات المختلفة. كما توفر تصميماً موحداً لعرض البيانات، مثل الجداول والبطاقات، إلى جانب مكونات إدخال متخصصة مثل مناطق تحميل الملفات بالسحب والإفلات وتلميحات الأدوات السياقية.
Implements a formatting system to ensure data tables remain readable across various screen sizes.
React Base Table is a library of reusable interface components designed for building complex, responsive data grids within web applications. It provides a high-performance foundation for rendering large datasets by utilizing window-based row virtualization, which ensures the user interface remains responsive even when displaying extensive collections of data. The library distinguishes itself through flexible layout and navigation capabilities, including support for hierarchical data structures that can be rendered as expandable tree rows. It allows for precise control over table geometry thro
Updates table dimensions automatically in response to parent container size changes.
هذه المكتبة عبارة عن مكون شبكة بيانات عالي الأداء لتطبيقات React، مصمم لإدارة وعرض مجموعات البيانات الكبيرة. يوفر نظام تكوين تعريفياً يسمح للمطورين بتحديد هياكل الجدول، ومصادر البيانات، ومفاتيح تبديل الميزات من خلال مخطط كائن منظم. تتميز المكتبة بمحرك تخطيط مرن يدعم متطلبات واجهة المستخدم المعقدة، مثل تثبيت الرؤوس وأعمدة محددة بحواف إطار العرض أثناء التمرير. تستخدم العرض الافتراضي للحفاظ على استجابة الواجهة من خلال عرض المجموعة الفرعية المرئية فقط من البيانات، مما يضمن أداءً متسقاً بغض النظر عن إجمالي عدد العناصر. بعيداً عن قدرات التخطيط والأداء الأساسية، يوفر المشروع خيارات تخصيص واسعة النطاق. يمكن للمطورين حقن مكونات React مخصصة لتحديد مظهر وسلوك الخلايا الفردية وتطبيق أنماط مرئية من خلال متغيرات CSS ذات النطاق، مما يسمح بعرض بيانات مخصص دون تعديل منطق المكون الداخلي.
Provides a highly customizable table component design for tailored data presentation.