14 مستودعات
Techniques for rendering structured grids of data as reusable UI cells for performance and memory efficiency.
Distinct from Grid Layout Rendering: The candidates focus on HTML5 canvas or DOM specific rendering, while this is a general native iOS collection view grid pattern.
Explore 14 awesome GitHub repositories matching user interface & experience · Grid-Based View Rendering. Refine with filters or upvote what's useful.
Luckysheet upgraded to Univer
Renders only visible rows and columns in the DOM, recycling cell elements as the user scrolls to handle large datasets.
vue-awesome-swiper is a Vue.js component wrapper for the Swiper library, providing a declarative interface for creating touch-enabled carousels. It serves as a virtualized slider component that can render only visible slides to maintain performance when handling large datasets. The project distinguishes itself through high-performance rendering and a wide array of visual effects, including 3D transitions, parallax movements, and image zoom capabilities. It also supports the synchronization of multiple slider instances and provides accessibility features such as ARIA roles and focus-scrolling
Supports multi-row grid layouts and virtualized lists to optimize rendering for large content sets.
FSCalendar is a customizable calendar UI library and date picker component for iOS applications. It provides a programmable interface for rendering date grids and event markers, supporting both Swift and Objective-C development. The library enables the creation of custom date picking interfaces with specific range restrictions and selection rules. It supports the display of date-based metadata and event visualization within a mobile scheduling context. The framework covers visual styling and cell design, allowing for custom view components, subtitles, and event markers. It includes a flexibl
Implements a memory-efficient scrolling grid of cells to map date objects to visual components.
react-big-calendar is a React calendar component used to build scheduling interfaces for web applications. It provides layouts for displaying events in daily, weekly, and monthly views, acting as a customizable UI component for managing appointments and schedules. The project includes a resource scheduling grid for tracking multiple events across different entities and a drag and drop scheduler that allows users to move and resize events through pointer-based interactions. The interface supports localized date scheduling and date formatting localization. Visual appearance is managed through
Organizes the calendar view by mapping events to specific resources and rendering them in parallel columns.
JTAppleCalendar is a customizable calendar component and date picker library for iOS applications built with Swift. It provides a programmable user interface control designed to display date-based grids and manage date selection. The library supports both single-date and range-based selection modes, allowing for the highlighting of continuous date spans. It features a flexible grid system that enables custom cell rendering and protocol-based customization to match specific application aesthetics. The component includes capabilities for date navigation, range restriction to define viewable bo
Organizes dates into a flexible, native grid of reusable cells that adapt to the selected view.
SlickGrid is a high-performance JavaScript data grid and virtualized data table designed to render large datasets in the browser. It functions as a web spreadsheet component and tabular data manager, utilizing virtual scrolling to maintain responsiveness when displaying hundreds of thousands of entries. The library employs a canvas-based UI system to draw grid lines and elements, reducing the total number of DOM nodes. It separates raw data from visual presentation through column-based mapping and uses a formatter pipeline to transform data values into HTML strings. Capabilities include row
Renders only the visible rows and columns in a scrollable two-dimensional grid to maintain high performance.
React Virtuoso is a React component library for rendering large datasets efficiently through virtualized lists, grids, tables, and chat interfaces. It automatically measures variable-height items at runtime, computes accurate scroll offsets without requiring fixed sizes, and renders only the items within the visible viewport plus a configurable buffer zone. The library manages scroll position through a state machine that tracks direction, position, and anchor items to handle auto-scroll, sticky headers, and bidirectional loading. The library distinguishes itself with specialized components fo
Provides a virtualized grid component for responsive multi-column and masonry layouts with large datasets.
هذا المشروع عبارة عن مكتبة واجهة مستخدم لبناء تقويمات قابلة للتخصيص عبر مشاريع Android وKotlin Multiplatform. يوفر بنية تعتمد على recycler لإنشاء تقويمات شهرية وأسبوعية وسنوية، إلى جانب مجموعة من الدوال القابلة للتركيب (composable functions) لعرض منتقي التواريخ التفاعلي وعروض الأشهر في Jetpack Compose. تتضمن المكتبة مكون خريطة حرارية للمساهمات لعرض كثافة البيانات بمرور الوقت باستخدام خلايا يومية مرمزة بالألوان. كما توفر مجموعة أدوات لتنفيذ واجهات اختيار نطاق التواريخ التي تدعم اختيار تاريخ واحد، أو تواريخ متعددة، أو نطاق تواريخ مع قيود حدودية. يغطي إطار العمل مجموعة واسعة من الإمكانيات، بما في ذلك عرض التواريخ المرن مع عناوين أيام الأسبوع المترجمة وعناصر تحكم متنوعة في التمرير. كما يدعم تخصيص نمط الخلايا وحاويات التخطيط، بالإضافة إلى أدوات التنقل للقفز إلى تاريخ مستهدف وتتبع النطاق المرئي.
Binds custom view resources to specific time periods to display labels or titles without altering the grid logic.
هذا المستودع عبارة عن مجموعة من التطبيقات والمعارض المرجعية التي توضح أفضل الممارسات لنظام Android View. يوفر مجموعة من الأمثلة العملية لبناء واجهات المستخدم، بما في ذلك معرض المكونات وأدلة التنفيذ للتخطيطات، وأداء القائمة، وتصميم الحركة. يتميز المشروع بعينات مفصلة لتنسيق رسوم متحركة التخطيط وتأثيرات الانتقال. يتضمن عروضاً توضيحية متخصصة لرسوم متحركة معقدة للحركة باستخدام الإطارات الرئيسية والاستيفاء، بالإضافة إلى أداة تصور لمنحنيات استيفاء الرسوم المتحركة لتحديد معلمات الحركة. يغطي الكود المصدري مجالات قدرات واسعة بما في ذلك إدارة القائمة عالية الأداء مع إعادة تدوير العرض والتحديثات التفاضلية، والتنقل المرقم مع مزامنة علامات التبويب، وقابلية تكيف الواجهة لأوضاع النوافذ المتعددة والشاشة المقسمة. كما يتضمن عينات لتخطيطات البطاقات، ومحتوى الويب المضمن، واختبار واجهة المستخدم الآلي لانتقالات الصفحة.
Demonstrates placement of child views in containers using linear and grid coordinate systems.
Cursive هي مجموعة أدوات واجهة مستخدم طرفية عبر المنصات وإطار عمل لبناء تطبيقات تفاعلية بلغة Rust. توفر نظاماً نمطياً لإنشاء واجهات رسومية قائمة على النصوص، باستخدام محرك مخصص لإدارة حلقة العرض الرئيسية وتسلسلات العرض الهرمية. تتميز مجموعة الأدوات بطبقة تجريد محايدة للخلفية لضمان رندرة متسقة ومعالجة المدخلات عبر أنظمة تشغيل مختلفة. وتتميز بمحرك سمات قائم على اللوحة يدعم تحميل السمات في وقت التشغيل ورندرة الألوان الحقيقية، بالإضافة إلى القدرة على إنشاء تسلسلات هرمية لواجهة المستخدم مباشرة من ملفات التهيئة. يغطي إطار العمل مجموعة واسعة من القدرات بما في ذلك إدارة التخطيط المعقدة مع لوحات مقسمة وعلامات تبويب، ومجموعة متنوعة من المكونات التفاعلية مثل مربعات الحوار المشروطة، ومؤشرات التقدم، والقوائم القابلة للتحديد. ويدعم رندرة المحتوى الغني للصور وتمييز الصيغة، ويستخدم نظام توجيه أحداث دورة التركيز لإدارة التنقل عبر لوحة المفاتيح والاستدعاءات العالمية. تتم إدارة الحالة من خلال تحديثات واجهة المستخدم غير المتزامنة والوصول القائم على المعرف، مما يسمح للمطورين بتعديل طرق عرض محددة ديناميكياً من المهام الخلفية.
Positions multiple UI elements side-by-side or in columns using horizontal and vertical layout containers.
ioscreator is a comprehensive set of educational resources and reference guides for building mobile applications on the iOS platform. It provides a structured course and tutorial series focused on combining interface design with mobile logic using the SwiftUI framework. The project distinguishes itself through specialized guides for hardware integration and state management, covering the use of device sensors such as the camera, microphone, and accelerometer. It also includes a dedicated UI component library and tutorials for implementing native Apple system services. The materials cover a b
Implements virtualization techniques that render only visible cells in scrollable grids to optimize performance.
Vue-easytable is a high-performance data grid component designed for the Vue.js framework. It provides a comprehensive interface for displaying and managing large-scale tabular data, utilizing virtual scrolling to maintain responsiveness by rendering only the visible subset of rows within the browser. The component offers spreadsheet-style interaction, enabling users to perform direct, in-place data editing and manipulation. It supports complex grid configurations, including column pinning, row expansion, and data filtering, allowing for the organization of structured information to improve r
Facilitates large dataset rendering using virtual scrolling techniques to maintain smooth responsiveness.
Renders only visible cells in a scrollable two-dimensional grid to maintain performance with large datasets.
This project is a local media management platform designed for organizing, browsing, and analyzing large collections of AI-generated images and videos. It functions as a specialized browser that extracts and parses embedded generation parameters, allowing users to manage their creative assets through a high-performance interface. The platform distinguishes itself through semantic search and organization capabilities, which use vector indexing to enable natural language queries across local file libraries. It automates the sorting and tagging of media based on prompt similarity and visual cont
Displays large media collections by dynamically loading and unloading visual elements to maintain high performance during rapid scrolling.