7 个仓库
User-driven reordering of UI elements via direct manipulation to define a specific sequence.
Distinct from Programmatic List Sorting: Focuses on manual user-driven sorting via drag-and-drop rather than programmatic API-driven reordering.
Explore 7 awesome GitHub repositories matching user interface & experience · Interactive Element Sorting. Refine with filters or upvote what's useful.
list.js is a JavaScript search and sort library used to add real-time filtering, sorting, and pagination to HTML lists and tables without backend dependencies. It functions as a DOM data indexer and template-driven HTML renderer, allowing developers to manage how data is displayed and discovered on the client side. The library distinguishes itself through a fuzzy string matching engine that handles approximate matches and typos, and a DOM data indexer that extracts values directly from HTML data attributes to build a searchable internal index. It uses a template-driven rendering system to gen
Uses custom comparator functions and native internationalization to provide locale-aware alphabetical sorting of list items.
Muuri is a JavaScript grid layout library and draggable UI framework used to create responsive grids with drag-and-drop reordering, sorting, and animated filtering. It features a nested grid system that allows full grid instances to be embedded inside other grid items to create hierarchical structures. The library uses a web worker layout engine to offload heavy coordinate calculations to background threads, maintaining interface responsiveness during complex rearrangements. The system provides interactive capabilities for moving items between multiple containers, filtering visibility based
Allows user-driven reordering of grid elements via direct manipulation to define a specific sequence.
Swapy is a drag and drop layout library designed to manage the spatial arrangement of UI components. It functions as an element reordering tracker and visual position manager that exports updated layout sequences as data objects after user interactions. The system monitors changes to the visual order of elements to provide updated layout mappings. It enables the rearrangement of on-screen elements through drag and drop interactions to update visual layout mappings. The library covers dynamic layout management and visual element sorting by converting the visual positions of screen elements in
Enables users to sort lists or grids by dragging items into a specific visual sequence.
This project is a digital book directory and academic literature library. It serves as a curated collection of multidisciplinary texts and research materials organized by subject and publication year. The system uses a subject-based content catalog to arrange electronic books into specific domains. It employs visual markers and symbol-based encoding to distinguish between free and paid content. The directory provides capabilities for technical literature discovery and academic reading list management. Users can browse materials by subject and filter titles by recency using publication dates.
Implements logic to order literature from newest to oldest by comparing publication years.
PartyKit is a serverless WebSocket backend platform for building real-time multiplayer applications. It provides a globally distributed edge computing runtime that runs stateful server code close to users, with automatic scaling and hibernation for idle rooms. The platform handles WebSocket connections, HTTP requests, and durable storage without requiring infrastructure management, and includes a client and server SDK with hooks, storage, and Yjs integration for building collaborative features. The platform distinguishes itself through per-room isolation using Durable Objects, where each uniq
Orders active participants by a custom metric, such as progress through a shared task, to highlight the most relevant peers.
ngx-datatable 是一个功能丰富的 Angular 应用程序数据表格组件,旨在显示和管理大型数据集。它作为一个可定制的数据网格,支持排序、分页,并使用自定义 Angular 模板来设置数据单元格样式。 该组件的特色在于其高性能的虚拟滚动网格,仅渲染可见行以优化内存和 CPU 使用。它提供了一个交互式界面,通过行选择、列重排和可展开的详细视图来管理数据。 该项目涵盖了广泛的能力,包括用于固定和调整列宽的列管理、多列排序,以及用于远程数据获取的服务端集成。它还包括行级定制,如动态样式、自定义行组件和灵活的选择模式。其他实用功能包括表格消息本地化和通过 CSS 应用自定义主题。
Supports pluggable comparison functions to order data based on complex or non-standard data types.
match-sorter 是一个 JavaScript 字符串匹配和数组过滤实用程序,旨在根据搜索字符串的相关性对列表进行排名和排序。它作为一个确定性的最佳匹配排序库和模糊搜索引擎,用于过滤对象数组。 该工具使用加权匹配启发式算法对结果进行优先级排序,偏好精确匹配、首字母缩写和字符串包含。它采用确定性排名系统以确保一致的排序,并支持不区分变音符号的归一化,以匹配字符而不受重音影响。 该库涵盖了通过键路径属性提取的匹配标准规范、用于调整搜索严格性的匹配阈值配置,以及排名元数据的提取。它还通过外部比较函数提供可自定义的排序逻辑,以覆盖默认的平局决胜规则。
Supports custom comparison functions to override default tie-breaking or final result ordering.