7 dépôts
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 est un composant de tableau de données riche en fonctionnalités pour les applications Angular, conçu pour afficher et gérer de grands jeux de données. Il fonctionne comme une grille de données personnalisable qui prend en charge le tri, la pagination et l'utilisation de templates Angular personnalisés pour styliser les cellules de données. Le composant se distingue par sa grille à défilement virtuel haute performance, qui ne rend que les lignes visibles pour optimiser l'utilisation de la mémoire et du CPU. Il fournit une interface interactive pour gérer les données via la sélection de lignes, le réordonnancement de colonnes et des vues de détails extensibles. Le projet couvre un large ensemble de capacités incluant la gestion des colonnes pour le pinning et le redimensionnement, le tri multi-colonnes et l'intégration côté serveur pour la récupération de données distantes. Il inclut également des personnalisations au niveau des lignes telles que le style dynamique, des composants de ligne personnalisés et des modes de sélection flexibles. Les fonctionnalités utilitaires supplémentaires incluent la localisation des messages du tableau et l'application de thèmes personnalisés via CSS.
Supports pluggable comparison functions to order data based on complex or non-standard data types.
match-sorter est un utilitaire JavaScript de correspondance de chaînes et de filtrage de tableaux conçu pour classer et trier des listes en fonction de la pertinence de la chaîne de recherche. Il fonctionne comme une bibliothèque de tri par meilleure correspondance déterministe et un moteur de recherche floue pour filtrer des tableaux d'objets. L'outil hiérarchise les résultats en utilisant des heuristiques de correspondance pondérées qui favorisent les correspondances exactes, les acronymes et l'inclusion de chaînes. Il emploie un système de classement déterministe pour assurer un ordre cohérent et prend en charge la normalisation insensible aux diacritiques pour faire correspondre les caractères indépendamment des accents. La bibliothèque couvre la spécification des critères de correspondance via l'extraction de propriétés par chemin de clé, la configuration du seuil de correspondance pour ajuster la rigueur de la recherche, et l'extraction de métadonnées de classement. Elle fournit également une logique de tri personnalisable via des fonctions de comparaison externes pour outrepasser le départage par défaut.
Supports custom comparison functions to override default tie-breaking or final result ordering.