14 Repos
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.
Dieses Projekt ist eine UI-Bibliothek für den Aufbau anpassbarer Kalenderansichten in Android- und Kotlin-Multiplatform-Projekten. Sie bietet eine Recycler-basierte Architektur für die Erstellung von Monats-, Wochen- und Jahreskalendern sowie eine Reihe von Composable-Funktionen für das Rendern interaktiver Datumsauswahlen und Monatsansichten in Jetpack Compose. Die Bibliothek enthält eine Contribution-Heatmap-Komponente zur Anzeige der Datendichte im Zeitverlauf mittels farbcodierter Tageszellen. Sie bietet zudem ein Toolkit zur Implementierung von Datumsbereichsauswahlen, die Einzeldatum, Mehrfachdatum oder Datumsbereiche mit Grenzbedingungen unterstützen. Das Framework deckt ein breites Spektrum an Funktionen ab, einschließlich flexiblem Rendern von Datumsansichten mit lokalisierten Wochentagsbezeichnungen und verschiedenen Scroll-Steuerungen. Es unterstützt die Anpassung von Zell-Styling und Layout-Containern sowie Navigationstools für das Springen zu Zieldaten und die Verfolgung sichtbarer Bereiche.
Binds custom view resources to specific time periods to display labels or titles without altering the grid logic.
This repository is a collection of reference implementations and galleries demonstrating best practices for the Android View system. It provides a set of practical examples for building user interfaces, including a component gallery and implementation guides for layouts, list performance, and motion design. The project distinguishes itself through detailed samples for coordinating layout animations and transition effects. It includes specialized demonstrations for complex motion animations using keyframes and interpolation, as well as a visualization tool for animation interpolation curves to
Demonstrates placement of child views in containers using linear and grid coordinate systems.
Cursive ist ein plattformübergreifendes Terminal-UI-Toolkit und Framework für die Erstellung interaktiver Anwendungen in Rust. Es bietet ein modulares System für die Erstellung textbasierter grafischer Oberflächen und nutzt eine dedizierte Engine zur Verwaltung der Haupt-Display-Schleife und View-Hierarchien. Das Toolkit verfügt über eine Backend-agnostische Abstraktionsschicht, um konsistentes Rendering und Input-Handling über verschiedene Betriebssysteme hinweg zu gewährleisten. Es zeichnet sich durch eine palettenbasierte Theme-Engine aus, die das Laden von Themes zur Laufzeit und True-Color-Rendering unterstützt, sowie durch die Fähigkeit, Benutzeroberflächen-Hierarchien direkt aus Konfigurationsdateien zu generieren. Das Framework deckt ein breites Spektrum an Funktionen ab, einschließlich komplexem Layout-Management mit Split-Panels und Tabs sowie einer Vielzahl interaktiver Komponenten wie modalen Dialogen, Fortschrittsanzeigen und auswählbaren Listen. Es unterstützt das Rendering reichhaltiger Inhalte für Bilder und Syntax-Highlighting und verwendet ein Fokus-Zyklus-Ereignis-Routing-System, um Tastaturnavigation und globale Callbacks zu verwalten. Das Zustandsmanagement wird durch asynchrone UI-Updates und identifikatorbasierten Zugriff gehandhabt, was es Entwicklern ermöglicht, spezifische Views dynamisch aus Hintergrundaufgaben heraus zu modifizieren.
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.