6 مستودعات
UI components that organize information into rows and columns with configurable alignment.
Distinct from Structured Spreadsheet Tables: The candidates focus on database schemas or spreadsheets, whereas this is about UI presentation of structured data.
Explore 6 awesome GitHub repositories matching user interface & experience · Structured Data Tables. Refine with filters or upvote what's useful.
Theme-ui هو إطار عمل سمات React وأداة CSS-in-JS تُستخدم لبناء واجهات مستخدم قابلة للسمات. يعمل كأداة نظام تصميم تنشئ مقاييس مركزية قائمة على القيود للألوان، والطباعة، والتباعد لضمان الاتساق البصري عبر التطبيقات. يتميز إطار العمل باختصار استجابة قائم على المصفوفة للتخطيطات التي تبدأ بالهواتف المحمولة ومدير وضع ألوان مخصص يتزامن مع تفضيلات المتصفح ويحفظ اختيارات المستخدم. كما يتميز بنظام لإنشاء متغيرات أنماط مسماة للتحكم في مظهر المكونات عبر الخصائص ويوفر قدرات مزامنة لترجمة تكوينات السمات إلى Figma Styles. يغطي المشروع مجموعة واسعة من قدرات التصميم، بما في ذلك حقن CSS العالمي لإعادة تعيين العناصر، وتجاوزات السمات المتداخلة عبر السياق، ونظام تكوين دمج عميق لتوسيع إعدادات التصميم المسبقة. يتضمن أيضاً مجموعة من مكونات التخطيط القابلة للسمات، مثل الشبكات المتجاوبة ومدخلات النماذج الموحدة. تتوفر إضافة مخصصة لدمج نظام التصميم داخل مواقع Gatsby.
Implements UI components that organize structured information into rows and columns with configurable alignment.
This project is a markdown syntax cheatsheet and reference guide designed for writing documents with a focus on GitHub Flavored Markdown. It serves as a formatting reference and documentation template for creating technical content and project landing pages. The guide provides a comprehensive collection of examples for GitHub specific extensions, including task lists and callout alerts. It functions as a visual directory for implementing structured layout elements such as tables, mathematical equations, and code blocks. The reference covers broad capability areas including content and media
Guides the construction of structured data tables using pipe characters and cell alignment.
هذا المشروع عبارة عن قالب إداري ومجموعة أدوات واجهة مستخدم تعتمد على React مصممة لبناء لوحات المعلومات. يوفر مجموعة شاملة من التخطيطات المنسقة مسبقاً، ومكتبة مكونات يمكن الوصول إليها، وإطار عمل واجهة مستخدم يعتمد على Sass لإنشاء واجهات إدارية. تم هيكلة القالب خصيصاً كمشروع محسن للذكاء الاصطناعي، باستخدام أنماط ترميز وتنظيم مصممة لمساعدة مساعدي الذكاء الاصطناعي في إنشاء كود React متسق وجاهز للإنتاج. يتميز بنظام تنسيق مرن باستخدام متغيرات Sass وخصائص CSS المخصصة لدعم سمات فاتحة وداكنة قابلة للتخصيص. تغطي المجموعة مجموعة واسعة من قدرات الواجهة، بما في ذلك أدوات تصور البيانات، والجداول التفاعلية مع الفرز والترقيم، وعناصر النماذج المعقدة مثل المعالجات متعددة الخطوات. يتضمن أنظمة تنقل عالية المستوى مثل الأشرطة الجانبية ومسارات التنقل، بالإضافة إلى مكونات هيكلية مثل الشبكات المستجيبة، ومربعات الحوار المشروطة، وواجهات التقويم التي يمكن الوصول إليها.
Renders structured data in tabular formats with configurable alignment and compact sizing.
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
Provides UI components to organize entity lists into rows and columns with specific attributes.
Papercss هو إطار عمل لواجهة المستخدم (UI) يعتمد على CSS ونظام تصميم بنمط المستندات، يُستخدم لبناء تخطيطات صفحات ويب متجاوبة. يعمل كمكتبة CSS تعتمد على Less تطبق جماليات تشبه الورق وخطوطاً منظمة لمنح صفحات الويب مظهر المستندات المادية. يدمج المشروع أيضاً نموذج مكتبة CSS يركز على الأدوات (utility-first) لتسريع عملية التصميم. يتميز إطار العمل بقدرته على أتمتة الزخارف المرئية، مثل تطبيق أنماط الحدود الدوارة وتأثيرات الظل على العناصر الفرعية. يستخدم نظام متغيرات يعتمد على Less وتجميعاً معيارياً لملفات الأنماط، مما يسمح للمستخدمين بتخصيص متغيرات التصميم العالمية واختيار مجموعات مكونات محددة لتقليل حجم ملف الأنماط النهائي. تغطي المكتبة مجموعة واسعة من الإمكانيات، بما في ذلك شبكة متجاوبة من اثني عشر عموداً تعتمد على Flexbox، ومجموعة شاملة من مكونات واجهة المستخدم مثل النوافذ المنبثقة (modals)، وتنبيهات الإشعارات، وأشرطة التنقل المتجاوبة. كما يوفر تنسيقاً متخصصاً للمحتوى التقني، بما في ذلك كتل الأكواد، وجداول البيانات، وتخطيطات المقالات، إلى جانب دعم وضعي الألوان الفاتح والداكن.
Renders structured data in a clean, legible grid format using row and column alignment.
Ace is a responsive admin template and UI component library built on Bootstrap 3. It provides a comprehensive framework for creating administrative dashboards with a grid-based layout system that adapts to various screen sizes. The project features a broad array of pre-styled layouts for administrative interfaces, including specialized page templates for user profiles, email clients, and real-time chat interfaces. It includes a configuration system for adjusting visual presentations through color skins and right-to-left mirroring support. The library covers a wide range of interface capabili
Implements UI components that organize information into rows and columns with configurable alignment.