7 repositorios
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 es un componente de tabla de datos rico en funciones para aplicaciones Angular diseñado para mostrar y gestionar grandes conjuntos de datos. Funciona como una cuadrícula de datos personalizable que admite ordenamiento, paginación y el uso de plantillas de Angular personalizadas para dar estilo a las celdas de datos. El componente se distingue por su cuadrícula de desplazamiento virtual de alto rendimiento, que renderiza solo las filas visibles para optimizar el uso de memoria y CPU. Proporciona una interfaz interactiva para gestionar datos mediante selección de filas, reordenamiento de columnas y vistas de detalle expandibles. El proyecto cubre un amplio conjunto de capacidades, incluyendo gestión de columnas para fijar y redimensionar, ordenamiento de múltiples columnas e integración del lado del servidor para la obtención remota de datos. También incluye personalizaciones a nivel de fila como estilos dinámicos, componentes de fila personalizados y modos de selección flexibles. Las características de utilidad adicionales incluyen la localización de mensajes de tabla y la aplicación de temas personalizados mediante CSS.
Supports pluggable comparison functions to order data based on complex or non-standard data types.
match-sorter es una utilidad de JavaScript para coincidencia de cadenas y filtrado de arrays, diseñada para clasificar y ordenar listas basándose en la relevancia de la cadena de búsqueda. Funciona como una librería de ordenación determinista de mejor coincidencia y un motor de búsqueda difusa para filtrar arrays de objetos. La herramienta prioriza los resultados utilizando heurísticas de coincidencia ponderadas que favorecen coincidencias exactas, acrónimos y la inclusión de cadenas. Emplea un sistema de clasificación determinista para asegurar un orden consistente y admite la normalización insensible a diacríticos para coincidir caracteres independientemente de los acentos. La librería cubre la especificación de criterios de coincidencia mediante la extracción de propiedades por key-path, la configuración del umbral de coincidencia para ajustar la rigurosidad de la búsqueda y la extracción de metadatos de clasificación. También proporciona lógica de ordenación personalizable mediante funciones de comparación externas para anular el desempate por defecto.
Supports custom comparison functions to override default tie-breaking or final result ordering.