14 مستودعات
Components that render only visible items to manage large datasets efficiently.
Distinguishing note: Focuses on viewport-based rendering for performance.
Explore 14 awesome GitHub repositories matching user interface & experience · Virtualized Lists. Refine with filters or upvote what's useful.
This project is a cross-platform mobile framework that enables the development of native iOS and Android applications from a single codebase. It utilizes a declarative component-based model where developers define user interfaces using a syntax extension that maps directly to underlying platform-native view primitives. By decoupling application logic from the host platform's main thread, the framework maintains a consistent native view hierarchy while ensuring that JavaScript execution remains independent of UI rendering. The framework distinguishes itself through a robust bridge architecture
Maintains high performance and low memory overhead by rendering only the list items currently visible within the viewport.
Ant Design is an enterprise-grade component library and design system framework built for developing complex, data-heavy web applications. It provides a comprehensive collection of pre-built, state-driven interface elements that map data properties to rendered components, ensuring consistent interaction patterns and visual language across large-scale projects. The library distinguishes itself through a robust styling architecture that utilizes design tokens and hierarchical configuration providers to propagate global settings like themes, locale, and layout direction. By employing component-l
Maximizes efficiency by rendering only the visible subset of items when displaying large datasets.
Swiper is a modular, touch-enabled library designed for building interactive content carousels and sliders for web and mobile applications. It provides a high-performance rendering engine that manages large datasets by dynamically creating and destroying elements based on their proximity to the viewport, ensuring memory efficiency and smooth operation. The library distinguishes itself through a plugin-based architecture that allows developers to include only the specific functionality required for their project, effectively minimizing bundle sizes. It features a hardware-accelerated animation
Manages large datasets by dynamically rendering only visible items within the viewport.
react-virtualized is a library of components for rendering massive lists and tables by drawing only the elements visible in the viewport. It provides specialized layout managers including a windowed grid component and a dynamic height list manager. The project includes a masonry layout engine for packing items of varying heights and widths, as well as an infinite scroll interface for incrementally fetching and appending data. The library covers a broad range of virtualization capabilities, including frozen grid elements, reverse list rendering, and synchronized viewport scrolling. It also su
Provides a set of components that render only visible items to manage massive datasets efficiently.
This project is a cross-platform user interface framework that maps mobile-native component primitives to standard web elements. It enables developers to build consistent applications that function across both mobile and web environments by providing a unified library of components and shared logic. The framework distinguishes itself through a specialized style engine that converts JavaScript object-based declarations into optimized, scoped CSS at runtime. It also features a responsive layout engine that implements a flexbox-based system, ensuring that interfaces adapt dynamically to differen
Implements virtualized list rendering to efficiently display large datasets by only rendering visible items.
Lit is a library for building lightweight, interoperable web components. It provides a base class that leverages native browser APIs to encapsulate state, logic, and styles, allowing developers to create custom elements that function consistently across any modern web project. The framework distinguishes itself through a reactive property system that automatically triggers efficient, batched DOM updates. By utilizing tagged template literals, it defines declarative UI structures that are compiled into optimized update instructions. Its architecture emphasizes modularity through a reactive con
Renders only the visible portion of long datasets to maintain high performance and reduce memory usage.
Naive UI is a comprehensive TypeScript user interface library and component set designed specifically for Vue 3 applications. It provides a type-safe framework for building web interfaces, featuring a responsive layout engine and high-performance data components such as virtual-scroll data tables. The library is distinguished by a customizable theme system that utilizes type-safe JavaScript objects for visual overrides instead of traditional CSS variables. This architecture allows for dynamic runtime updates and global style configurations managed through a centralized provider. The framewor
Provides high-performance components that render only visible items to efficiently manage large datasets.
TanStack Router is a type-safe routing library for web applications that provides full type safety for paths, search parameters, and data loaders across the entire application stack. It functions as a comprehensive framework for server-side rendering, enabling the generation of complete HTML pages to improve initial load performance and search engine optimization. By integrating declarative data fetching, the library manages asynchronous information at the route level, supporting preloading, caching, and parallel request execution to ensure data is ready before components render. The project
Virtualizes large lists by rendering only visible items to improve performance and memory usage.
react-canvas is a library for drawing user interface elements to a hardware-accelerated canvas instead of the standard document tree. It provides a system for rendering components to a canvas to improve rendering speed and frame rates. The project includes a layer manager to organize visual elements and cache expensive drawing operations. It features a text engine capable of rendering multi-line text with precise character metric measurements and truncation, as well as a virtualized list system that processes only visible items to maintain smooth scrolling. Interaction is handled through a c
Processes only items currently visible in the viewport to maintain smooth scrolling and low memory usage.
JSON Hero is a web-based utility designed for viewing, analyzing, and sharing structured data. It provides an interactive interface for exploring complex JSON payloads, allowing users to navigate nested structures through hierarchical rendering, global search, and keyboard-driven controls. The platform distinguishes itself by performing client-side schema inference and automated schema generation, which allows users to understand data types and constraints without server-side processing. It enhances data readability by injecting contextual previews for specific string patterns—such as dates,
Renders only the visible portion of large datasets to maintain high performance and smooth scrolling when navigating deep or expansive structures.
This project is a mobile UI component library providing a cross-platform carousel component for sliding images and content. It functions as a touch-based swiper interface that allows users to browse lists of items through swipe gestures. The library includes a specialized parallax image slider that shifts background images at different speeds to create a sense of depth. It provides a swiping interface component capable of handling large lists of items across both horizontal and vertical orientations. The toolset covers carousel layout management, position indicators to communicate the curren
Implements virtualized list rendering to handle large datasets efficiently without memory overhead.
Bootstrap Select is a jQuery plugin that replaces standard HTML select elements with a stylized interface. It functions as a custom dropdown menu that transforms native browser inputs into accessible form components. The project differentiates itself by providing real-time search filtering, multi-select data entry, and the ability to populate selection lists dynamically via remote JSON sources. To maintain browser performance when handling large datasets, it utilizes virtual rendering to display only the visible subset of options. The component includes accessibility support through ARIA att
Renders only the visible subset of long option lists to maintain high performance during scrolling.
ReactXP is a framework for building cross-platform mobile and web applications from a single codebase using React. It provides a declarative interface that maps to different native implementation sets depending on the target environment. The project enables consistent visual experiences across operating systems through a flexbox-based layout engine, a virtual stack for navigation management, and a unified native-bridge API for accessing system services. It distinguishes itself with specialized capabilities for declarative animation orchestration, platform-specific logic resolution, and an aut
Optimizes performance by rendering only the subset of list items currently visible in the viewport.
Clusterize.js is a vanilla JavaScript virtual list library and DOM virtualization tool. It enables the display of massive data sets by rendering only the subset of rows currently visible within the user viewport. The plugin operates as a lightweight frontend component without external dependencies or framework requirements. It reduces browser memory usage and DOM load by swapping the content of existing elements rather than rendering thousands of nodes simultaneously. The library focuses on frontend performance optimization and large dataset visualization. It maintains a native scrolling exp
Implements a high-performance virtualized list that avoids page lag when handling massive data sets.